Fork me on GitHub
OneIndex chevron_right / chevron_right files chevron_right 3411893480@qq.com chevron_right HTML Courses chevron_right 2021-08-09
face README.md

第一课

注释

<!-- 这是一个段落 -->

元素

元素

元素具有起始标签和结束标签

元素的内容是起始标签和结束标签中间的内容

一些元素具有空内容,空元素在开始标签中进行关闭

例如,换行: <br \>,在现行标准中写成这样 <br> 也是可以的

在后续的 HTML 标准中将不允许省略结束标签,即一个标签必须关闭

元素可以拥有属性

属性

局部属性

例如 title=""

只对一部分元素生效

全局属性

例如 <html>lang="en"属性

对整篇 html 文档生效

元素的嵌套

✅可:

<div id="">
    <p title="喵鱿!!!!!">猫猫鱿鱼最可爱了</p>
</div>

❎不可:

<div id="">
    <p title="喵鱿!!!!!">猫猫鱿鱼最可爱了
</div>
</p>

HTML 文档基本结构

<!DOCTYPE html> 文档声明

<!DOCTYPE html>声明了这篇文档使用 HTML5 标准

<html>根元素

一篇文档只能存在一个,且不能有父元素,即<html>的外层不能有任何其他元素

<html>lang属性

<html lang="en">
</html>

lang="en"声明了这篇文档使用英文书写,即这是全局属性

按照最新标准,声明文档的自然语言为“简体中文”,需要将lang的属性值设置为cmn-Hans

<head> 文档头

不要在<head>中写任何可以渲染出内容的元素,例如<p><h1>...

<meta> 元素

文档字符集
<meta charset="utf-8" />

声明了这篇文档的字符集是 UTF-8

在 UTF-8 下 猫猫鱿鱼最可爱了 渲染出来还是 猫猫鱿鱼最可爱了 ,但是换成其他字符集就会发生微妙的变化:这是 gb2312:鐚尗楸块奔鏈€鍙埍浜�,这是 cp1256:猫猫é±؟é±¼وœ€هڈ¯çˆ±ن؛†

文档关键词
<meta name="keywords" content="HTML,喵喵"/>

这有助于在搜索引擎中的搜索

文档描述
<meta name="description" content="描述"/>

用于在搜索引擎中展示搜索结果

<title> 元素

定义文档的标题,在浏览器的标题栏显示

<body> 文档体

在这里写要渲染给用户看的内容

文件在线上传
最大支持4M文件上传
文件远程上传
仅支持Onedrive个人版,企业和学校版无法使用此功能
文件处理进程