第一章 基本语法
1.HTML基本结构
HTML
<html>
<head>
<title>标题</title>
</head>
<body>
网页主体内容
</body>
</html>
2.标签（一般情况下成对出现）
<p></p>段落标签
<hr>或<hr/>在页面中显示为一条横线，是一个单标签
html文本元素：开始标签+内容+结束标签
HTML标签属性
3.标签属性
<标签名 属性名1=“属性值” 属性名2=“属性值”······>······</标签名>
<body bgcolor="red">
</body>
（页面主体内容就变为红色）
4.如何添加注释
<!--注释内容-->
第二章 文档段落
一.基本内容
1.<!DOCTYPE HTML> 文档类型声明，放在HTML文档的第一行XHTML规范
DOCYYPE处于文档最前面，告知浏览器使用哪种HTML或
2.在<head></head>标签之间加
<meta http-equiv="Content-Type" content="text/html,charset=utf-8">
声明网页的内容使用的语言以及编码形式，避免出现乱码
二.文字和段落标签
1.标题标签：<h1></h1>~<h6></h6>
(h1~h6标签的显示效果）
2.段落标签
<p></p> 段落标签
<br/> 换行标签(在需要换行的文字后面直接加，是一个单标记）
 空格，放在需要空格的文字前面
align对其属性
left 左对齐
right 右对齐
center 居中对齐
justify 对行伸展，每行都有相等的长度
运行结果，分别为左对齐，右对齐，居中对齐，对行伸展，加<br/>换行以及空格
来自截图
</br>标签实现换行，但是它们仍然属于一个段落，行与行之间没有留白部分
<pre></pre>，预格式化标签，浏览器端看到的内容和输入的内容一样，包括手动敲入的空格
<hr/>单标签，水平线
width：水平线宽度，像素或百分比
color：水平线颜色
align：水平线居中对其
noshade：水平线无阴影
例如：<hr/ width=80% color="red" align="left">
运行结果为
来自截图
修饰标签
文字斜体：<i></i> <em></em>
加粗：<b></b> <strong></strong>
上标：<sub>
下标：<sup>
下划线：<ins>
删除线：<del>
运行结果
特殊符号
&alt:< 小于号
>:< 小于号
®：已注册
© ：版权
&trade:TM 商标
 ：Space 不断行的空白
第三章 列表标签
分类：无序列表
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
type属性值
disc：原点
square：正方形
circle：空心圆
来自截图
分别设置属性
<ul type="disc">
<ul type="square">
<ul type="circle">
来自截图
有序列表：列表项有先后顺序
语法
<ol>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ol>
type属性值
1：数字1,2······
A：大写字母
a:小写字母
I：大写罗马数字
i:小写罗马数字
运行结果：
来自截图
定义列表
<dl>
<dt>定义列表项</dt>
<dd>定义列表项描述</dt>
<dt>定义列表项</dt>
<dd>定义列表描述项</dd>
对于每一个dt可以有多个dd
dt与dd是同级标签，dt不能放在dd内，dd也不能放在dt内
来自截图
浏览器调试器打开：F12
网友评论