HTML语法
1.HTML的特点
- 可以设置文本的格式,比如标题、字号、文本颜色、段落等等
- 可以创建列表
- 可以插入图像和媒体
- 可以建立表格
- 超链接,可以使用鼠标点击超链接来实现页面之间的跳转
2.HTML的标记和他的属性
- 文档的保存格式:.html .htm .xhtml
- 标记和被标记的内容构建出HTML文档:<标记> 内容 </标记>
- 标记的属性,即用来控制我的我们的内容(图像、文本等)如何显示,格式:<标记 属性1=属性值 属性2=属性值 ... ... >
3.语法不区分字母大小写(编写网页的时候尽量使用小写)
4.文档注释
注释一段内容时使用''<!--"开始,以"-->''结束,例如 <!--我是***-->
5.代码格式
空格和回车键在网页中不会起到任何作用,我们为了让代码清晰易读,可以使用空格和回车进行编辑。
6.字符实体
如下列举:
显示结果--------------描述---------------实体名称
--------------空格---------------
< ------------小于号--------------<
> ------------大于号-------------->
HTML的基本结构
1.<html>内容</html>
解释:HTML文档的文档标记,也成为HTML开始标记
功能:对标记分别位于网页的最前端和最后端
2.<head>内容</head>
解释:HTML文件投标及,也称为HTML头信息开始标记
功能:用来包含文件的基本信息,比如网页的标题,关键字,在<head></head>内可以放<title></title>、<meta></meta>、<style></style>等等标记
3.<title>内容</title>
解释:HTML文件标题标记
功能:网页的“主题”,显示在浏览器的窗口的左上边
注意:网页的标题不能太长,要短小精悍,能具体反映页面的内容,<title></title>标记中不能包含其他标记
4.<body>内容</body>
解释:HTML文档的主题标记
功能:<body>...</body>是网页的主体部分,在此标记之间可以包含如<p></p>,<h1></h1>,<br>,<hr>等等标记,正是这些内容组成了我们所看见的网页
body标记常见的属性:
bgcolor———设置背景颜色———<body bgcolor="red"></body>
text ———设置文本颜色———<body text="green"></body>
link ———设置连接颜色———<body link="blue"></body>
vlink ——已经访问了的链接颜色——<body vlink="yellow"></body>
alink ——正在被点击的链接颜色——<body alink="red"></body>
5.<meta>内容</meta>
解释:页面的元信息(meta-information)
功能:提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
必须的属性:content
常见的属性:常用的name属性——author、keywords、description、others
比如输出一个网页的关键词:<meta name="keywords" content="***">
注意:meta标记必须放在head元素里边。
HTML的文档设置标记
1.格式标记
<br> 强制换行标记
<p> 换段落标记
<center> 居中对齐标记
<pre> 预格式化标记
<li> 列表项目标记
<ul> 无序列表标记
<ol> 有序列表标记
<hr>水平分割线标记
<div>分区显示标记,也成为层标记:常用来编排一大段HTML段落,也可以用于格式化表,和<p>非常相似,可以多层嵌套
2.文本标记
<hn>——标题标记——共有6个阶级,n的范围1-6,不同级别对应显示大小不同的标题,h1最大,h6最小
<font>——字体设置标记——设置字体的格式——三个常用属性:size、color、face
<b>——粗字体标记
<i>——写字体标记
<sub>——文字下标字体标记
<sup>——文字上标字体标记
<tt>——打印机字体标记
<cite>——引用方式的字体,通常是斜体
<em>——表示强调,通常显示为斜体字
<strong>——表示强调,通常显示为粗体字
<small>——小型字体标记
<big>——大型字体标记
<u>——下划线字体标记
HTML的图像标记的属性
1.使用方法
<img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">
2.注意:<img>为单标记,不需要使用</img>闭合;在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片
3.<img>标记的属性
src属性——作用——指定我们要加载的图片的路径和图片的名称以及图片格式
width属性——作用——指定图片的宽度,单位px、em、cm、mm
height属性——作用——指定图片的高度,单位px、em、cm、mm
border属性——作用——指定图片的边框宽度,单位px、em、cm、mm
alt属性——作用1——当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字
作用2——如果图像没有下载或者加载失败,会用文字来代替图像显示
作用3——搜索引擎可以通过这个属性的文字来抓取图片