什么是HTMLHTML
Hypertext Markup Language：即超文本标记语言
HTML特点
1.HTML不需要编译,直接由浏览器执行
2.HTML文件是一个文本文件
3.HTML文件必须使用html或htm为文件名后缀
4.HTML大小写不敏感HTML与htm-样
HTML基本结构
第一个HTML页面
<html > <head> <title>Title</title> </head> <body> <p>hello world !</p> </body> </html>
用浏览器打开，可以看到页面显示了hello world !
注释
注释是代码之母，所以写代码最好写上注释，方便你我他
我们给上面的代码加上注释
<html > <head> <title>Title</title> </head> <body> <p>hello world !</p> <!-- 这是p标签 --> </body> </html>
乱码
我们在给上面html加段中文
View Code
然后刷新浏览器看看效果
我们发现写的中文在浏览器上不显示，因为浏览器默认不支持中文，如果想让我们的代码正常的显示，那就要我们在head标签里加上下面的一句代码
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
上面的意思就是告诉浏览器以utf-8的编码格式打开
View Code
然后刷新浏览器之后就能正常显示了
标题标签
标题标签是h系列，从h1-h6
View Code
段落标签
段落标签是p标签，可以使大段的文字在一段显示
View Code
p标签的align对齐属性
left: 左对齐内容 right： 右对齐内容 center： 居中对齐内容 justify： 对行进行伸展，这样每行都可以有相等的长度
View Code
查看效果
换行br
上面的p标签我们在编辑器里显示了六行，而在浏览器里只显示了三行，如果我们也要它按照浏览器的样式显示，那我们就要用br标签了
<html > <head> <title>Title</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> </head> <body> <p >也就是说，我们在遇到乱码问题的时候，是由于编码不一致导致的。<br /> 这个是html网页的乱码情况的总结，我们举一反三，<br /> 我们在使用php虚拟主机建站的时候遇到乱码问题的时候，<br /> 我们也要通过三个因素来考虑解决问题。我总结的三个因素：<br /> </P> </body> </html>
空格
空格是用的 表示一个空格
<html > <head> <title>Title</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> </head> <body> <p > 也就是说， 我们在遇到乱码问题的时候，是由于编码不一致导致的。<br /> 这个是html网页的乱码情况的总结，我们举一反三，<br /> 我们在使用php虚拟主机建站的时候遇到乱码问题的时候，<br /> 我们也要通过三个因素来考虑解决问题。我总结的三个因素：<br /> </P> </body> </html>
pre格式化标签
按照编辑器的样式显示
View Code
水平线hr
width: 设置水平线宽度，可以像素或百分比 color: 设置水平线颜色 align: 设置水平线居中对齐 noshade: 设置水平线无阴影
View Code
width="80%" 表示占页面宽度的80%
color="red" 表示线是红色的
align="left" 左对齐
noshade="noshade" 没有阴影
修饰标签
常用的修饰标签有
文字斜体：<i></i>, <em></em> 加粗：<b></b>, <strong></strong> 下标：<sub></sub> 上标：<sup></sup> 下划线：<ins></ins> 删除线：<del></del>
View Code
效果
特殊符号
有些符号我们不能直接在页面上进行输入，比如我们想让页面显示<hr />，如果直接输入的话，会在页面显示一条线，这时候我们就要用到特殊符号了，常用的有
< < > > ® ® © © ™ ™ 空格
