前端HTML常用标签和HTML的三大列表
前端HTML常用标签:
1、doctype:就是要告诉浏览器这是什么文档类型,如下代码是HTML5的文本类型:<!DOCTYPE html>
2、HTML的结构:
<html>
<head>
<title>标题</title>
</head>
<body>
内容
</body>
</html>
3、meta:meta标签的属性定义了与文档相关联的名称/值对,可以定义文档字符集。常见的字符集:GB2312、GBK、UTF-8
<meta charset="utf-8">
4、标题标签:h1一级标题,h2二级标题,…h6六级标题
<h1>一级标题</h1>
<h2>二级标题</h2>
5、段落:<p></p>
6、分行:<br />
7、水平线:<hr width="500" color="red" />
8、文本格式化标签:
加粗<b></b>
或者<strong></strong>
倾斜<i></i>
或者<em></em>
删除<s></s>
或者<del></del>
下划线<u></u>
或者<ins></ins>
9、图像标签:src的路径可以是相对路径和绝对路径,
相对路径有三种:
-
在同一路径下:直接写图片名
-
在下一路径下:文件名/图片名
-
在上一路径下:…/图片名
<img src="路径" alt="图片加载错误" title="名字" width="500" />
10、链接标签:target="_blank"是指打开新的网页,默认是在原有的网页上打开
<a href="网址" target="_blank"></a>
11、锚点标签
<a href="#idname"></a>
.....
<h id="idname></h>
12、base标签 用于所有链接打开的属性,写在head中
<base target="_blank">
13、特殊符号:
<!--空格-->
< 小于号
> 大于号
14、注释:<!--注释文字-->
三大列表
无序列表:不分顺序
<ul>
<li><h2><p></p></h2></li>
<li></li>
</ul>
有序列表:按照先后写的顺序标顺序
<ol>
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt>定义标题</dt>
<dd>定义描述、解释</dd>
<dd></dd>
</dl>