第一章 基本语法
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