HTML的学习:
HTML是一种超文本标记语言。“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
注意:HTML不是一种编程语言。
格式:
<!DOCTYPE html> <!-- 文档声明 -->
<html> <!-- 表示文档的开始 -->
<head> <!-- head标签存放文档的基本信息,属于不可见元素 -->
<meta charset="utf-8"> <!-- 声明字符编码 -->
<title></title> <!-- 声明文档标题 -->
</head>
<body> <!-- body标签存放文档的可见内容 -->
</body>
</html> <!-- 表示文档的结束 -->
常见的标签:
1.<h1>标题</h>
特点:1.1单独成一段;
1.2加粗;
1.3字体大小从1到6依次减小;
2.<p>段落</p> 转到下一行
3.<hr>
给文档加一个横线
注意:单标签,没有结束标签。
4.<Strong> 加粗</Strong>
5.<em> 斜体</em>
6.<del>
7.<address> 地址 邮箱地址 </address>
特点:独成一段,斜体
8.<div> </div>
9.<span> </span>
注意:8 9标签没具体效果,但是可以充当容器来使用,而且用处非常大;
10.<br>单标签 代表回车的意思;
11.<a></a>
作用:1.超链接;2.锚点;3.打电话、发邮件;4.协议限定等;
列表:
- 无序列表的基本格式: <ul type=”参数”><li>内容</li></ul>
- 无序列表的type属性:
2.1disc(默认值,实心圆);
2.2circle(空心圆);
2.3square(实心方块); - 有序列表的基本格式: <ol type=”参数”><li>内容</li></ol>
- 有序列表的type属性:
4.1整数(默认值) 1、2、3…4.1整数(默认值) 1、2、3…
4.2大(小)写字母 A/B/C/… a/b/c…
4.3大(小)写罗马数字 I/II/III… i/ii/iii… - 有序列表的value属性:
<ol type=”参数1”><li value=”参数2”>内容</li></ol> - 自定义列表组成格式:
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title></title>
</head>
<body>
<dl>
<dt>列表项目</dt>
<dd>列表内容</dd>
</dl>
</body>
</html>