HTML入门
1,HTML文档基本格式
< !DOCTYPE>标记
< !DOCTYPE>标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML,或XHTML标准规范。必须在开头处使用< !DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并指定的文档类型进行解析。< !DOCTYPE>标记和浏览器的兼容性相关,删除< !DOCTYPE>标记,就是把如何展示HTML页面的权利交给浏览器。
< html>标记
< html>标记位于< !DOCTYPE>标记之后,也称为根标记,用于告知浏览器其自身是一个HTML文档,< html>标记标志着HTML文档的开始,< html>标记标志着HTML文档的结束,在它们之间的文档的头部和主体内容。在< html>之后有一串代码""xmlns="http://www.w3.pry/1999/xhtml"用于声明XHTML统一的默认命名空间。
< head>标记
< head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在< head>标记之后,主要用来封装其他位于文档头部的标记,例如< title>,< meta>,< link>及< style>等,用来描述文档的标题,作者以及和其他文档的关系等。一个HTML文档只能含有·一对< head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
< body>标记
< body>标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本,图像,音频和视频等信息都必须位于< body>标记内,< body>标记中的信息才是最终展示给用户看的。一个HTML文档只能含有一对< body>标记,且< body>标记必须在< html>标记内,位于< head>头部标记之后,与< head>标记是并列关系。
2,HTML标记
在HTML页面中,带有“< >”符号的元素被称为HTML标记,标记就是放在“< >”标记符中表示某个功能的编码命令,也称为HTML标签或HTML元素。
单标记和双标记
单标记:也称空标记,是指用个标记符号即可完整地描述某 个功能的标记。
双标记:也称体标记,是指由开始和结束两个标记符组成的标记。
注释标记
在HITWL中还有一种特殊的标记一注释标记,如果雪要在HIML文档中添加些便于间<1-- 注释语句–>.注释标记
用户的计算机上,查看源代码时就可以看到。
3 标记的属性
使用HTML制作网页时,如果想让HTML标记提供更多的信息,希望标题文本的字体为“微软雅黑”且居中显示,段落文本中的某些名词显示为其他颜色加以突出。此时,仅仅依靠HTML标记的默认显示样式已经不能满足需求,这时就可以使用HTML标记的属性加以设置。其基本语法格式如下:
<标记名属性1-"属性值1”属性2=“属性值2”…内容</标记名>
在上面的语法中,标记可以拥有多个属性,必须写在开始标记中,位于标记名后面属性之间不分先后顺序,标记名与属性、属性与属性之间均以空格分开。任何标记的属性都有默认值,省略该属性则取默认值。例如:
标题文本的>
其中,align 为属性名,center 为属性值,表示“标题文本”居中对齐,对于标题标记还可以设置文本左对齐或右对齐,对应的属性值分别为left和nghlo如果省略aign周性,你越文本则按默认值夫对产显示,也就是说
HTML文档头部相关标记
1,设置页面标题标记< title>
< title>标记用于定义HTML页面的标题,即给网页取一个名字,必须位于< head>标记之内。一个HTML文档只能含有一对< title>< /title>标记,< title>< /title>之间的内容将显示在浏览器窗口的标题栏中。
基本语法格式:< title>网页标题名称< /title>
2.定义页面元信息标记< meta/>
< meta/>标记用于定义页面的元信息,可重复出现在< head>头部标记中,在HTML中是一个单标记。< meta/>标记本身不包含任何内容,通过“名称/值”的形式成对地使用其属性可定义页面的相关参数。
< meta/>标记常用的几组设置:
(1)< meta name=“名称” content=“值”/>
设置网页关键字
设置网页描述
设置网页作者
(2)< meta http-equiv=“名称” content=“值”/>
设置字符集
设置页面自动刷新与跳转
3.引用外部文件标记< link>
一个页面允许使用多个< link>标记引用多个外部文件
基本格式:< link 属性=“属性值”/>
link标记的常用属性
属性名 常用属性值 描述
href URL 指定引用外部文档的地址
real stylesheet 指定当前文档与引用外部文档的关系,该属性值通常为style sheet, 表示定义一个外部样式表
type text/javascript 引用外部文档的类型为JavaScript
type text/css 引用外部文档的类型为CSS样式表
4.内嵌样式标记< style>
< style>标签用于为HTML文档定义样式信息,位于< head>头部标记中,
基本语法:< style 属性=“属性值”>样式内容< /style>
在HTML中使用style 标记时,常常定义其属性为type,相应的属性值为text/css,表示使用内嵌式的CSS样式
标题和段落标记
1.标题标记
HTML提供了6个等级的标题,即< h1>、< h2>、< h3>、< h4>、< h5>和< h6>
基本语法格式:< hn align=“对齐方式”>标题文本< /hn>
该语法中n的取值范围为1~6,align属性为可选属性,用于指定标题的对齐方式。
默认情况下标题文字是加粗左对齐,并且从< h1>到< h6>字号递减。
left:设置标题文字左对齐(默认值)
center:设置标题文字居中对齐
right:设置标题文字右对齐
2.段落标记
基本语法格式:< p align=“对齐方式”>段落文本< /p>
3.水平线标记< hr/>
基本语法格式:< hr 属性=“属性值”/>
< hr/>是单标记,在网页中输入一个< hr/>,就添加了一条默认样式的水平线。
< hr/>标记的常用属性
属性名 含义 属性值
align 设置水平线的对齐方式 可选择left、right、center三种值,默认为center,居中对齐
size 设置水平线的粗细 以像素为单位,默认为2像素
color 设置水平线的颜色 可用颜色名称、十六进制#RGB、rgb(r,g,b)
width 设置水平线的宽度 可以确定的像素值,也可以是浏览器窗口的百分比,默认为100%
4.换行标记< br/>
在HTML中,一个段落中的文字会从做到有一次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标记< br/>.
文本样式标记
HTML提供了文本样式标记< font>,用来控制网页中文本的字体、字号和颜色。
基本语法格式:< font 属性=“属性值”>文本内容< /font>
< font>标记的常用属性
属性名 含义
face 设置文字的字体,例如微软雅黑、黑体、宋体等
size 设置文字的大小,可以去1~7之间的整数值
color 设置文字的颜色
文本格式化标记
标记 显示效果
< b>< /b>和< strong>< /strong> 文字以粗体方式显示(XHTML推荐使用strong)
< i>< /i>和< em>< /em> 文字以斜体方式显示(XHTML推荐使用em)
< s>< /s>和< del>< /del> 文字以加删除线方式显示(XHTML推荐使用del)
< u>< /u>和< ins>< /ins> 文字以加下画线方式显示(XHTML不赞成使用u)