目录
最简单的HTML:
每个被尖括号包围的都是一个HTML标签
<!DOCTYPE HTML> # 用来告知浏览器这个文件类型是HTML
<html> # 起始标签,<html>标签是HTML文档的根,所有的其它元素都要放到这个元素里
<body> # 表示文档的主体内容
<h1> # h1表示一级标题(最大号的标题,数字越小,标题越大,6级标题是最小的)</h1>
<p> # p 表示文本段落<p>
h1元素和p元素都是body元素的子元素,h1和p同一层级,是兄弟元素,所以缩进应该一样
</body>
</html>
起始标签和闭合标签连同他们之间的内容,都被看作是一个HTML元素
右键网页,选择显示网页源代码,就能看到当前网页HTML源码长啥样
也可以右键选择检查,点击页面上的任意一个东西时,能看到对应的HTML元素
标题标签:
<h1> <h2> <h3> <h4> <h5> <h6>,数字越小,表示标题越大.
文本段落标签:
<p>文本内容</p>,不同p标签默认进行换行,表示不同段落. 如果直接在p标签里面的内容中进行换行,网页显示只会多一个空格,需要换行,可以用多个p标签,也可以用<br>强行换行(br没有闭合标签)
加粗字体: <b></b>
斜体字体: <i></i>
下划线: <u> </u>
加图片:
<img src = "图片路径" width="500px">(没有闭合标签) # src指的是source: 源 # width设置图像宽度 # height设置图像高度 # px就是像素
添加链接:
<a href="链接" target="_self">链接对应的文字</a> # href的值就是要跳转的URL地址 # target值默认为"_self",表示直接在当前窗口跳转链接,"_blank":表示在新窗口打开
容器:
<div></div> <span></span>,容器本身不包含任何内容,一般将其它内容作为div元素或span元素的子元素. div(块元素)一般用来给整个子元素添加其它东西,span(内联元素)一般给指定的子元素添加其它东西
有序列表标签:
<ol> <li></li> </ol> # ol(ordered list:有序列表),ol只是表示列表,列表里面每项元素要用li(list item:列表项)标签.列表里面的元素会有数字相对应
无序列表标签:
<ul> <li>,</li> </ul> # ul(unordered list:无序列表),无序列表一般不会有数字排列,而是点或小横杠表示顺序.
表格标签:
<table>
<thead>表格头部(第一行) # thead(table head)
<tr> 定义表格行,tr(table row:表行)
<td> td(table data:表数据)
</td>
</tr>
</thead>
<tbody>表格主体,tbody(table body)
<tr>
<td> td(table data:表数据)
</td>
</tr>
</tbody>
</table>
class="元素的类的名称": class属性,可以被运用在所有属性上,定义元素的类的名称,可以帮助分组.