目录
html
1.1、标题标记
2、段落标记
3、水平线标记<hr/>
4、换行标记<br/>。
2.1,文本格式化标记
2.特殊字符标记
3.1图像标记
1、HTML文档基本格式
HTML文档的基本格式,主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记。
2)<html>标记
<html>标记位于<!DOCTYPE>标记之后,也称为根标记,用于告知浏览器其自身是一个HTML 文档,<html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束,在它们之间是文档的头部和主体内容。
在<html>之后有一串代码“xmlns="http://www.w3.org/1999/xhtml"”用于声明XHTML统一的默认命名空间。
(3)<head>标记
<head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记,例如<title>、<meta>、<link>及<style>等,用来描述文档的标题、作者以及和其他文档的关系等。关于<head>内的重要标记将在本章后面详细讲解。
一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
(4)<body>标记<body>标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。
一个HTML文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>标记是并列关系。
HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>重要性递减。其基本语法格式如下:
<hn align="对齐方式">标题文本</hn>
该语法中n的取值为1到6,align属性为可选属性,用于指定标题的对齐方式。
align属性设置对齐方式,其取值如下:
left | 设置标题文字左对齐(默认值) |
center | 设置标题文字居中对齐 |
right | 设置标题文字右对齐 |
h1-h6标签的默认样式:
标签代码:
<h1>标题文本</h1>
标题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。
注意:h1一般用于logo,一般来说一个网站只有一个h1。
*:一般不建议使用align对齐属性,可使用CSS样式设置。
2、段落标记
在HTML中通过<p>标记来定义段落,其基本语法格式如下:
<p>段落文本</p>
该语法中align属性为<p>标记的可选属性,和标题标记<h1>~<h6>一样,同样可以使用align属性设置段落文本的对齐方式。
*:一般不建议使用align对齐属性,可使用CSS样式设置。
3、水平线标记<hr/>
在网页中常常看到一些水平线将段落与段落之间隔开,使得文档结构清晰,层次分明。这些水平线可以通过插入图片实现,也可以简单地通过标记来完成,<hr/>就是创建横跨网页水平线的标记。其基本语法格式如下:<hr 属性="属性值"/>
<hr/>是单标记,在网页中输入一个<hr/>,就添加了一条默认样式的水平<hr/>标记的常用属性:
属性名 | 含义 | 属性值 |
align | 设置水平线的对齐方 | 可选择left、right、center三种值,默认为center,居中对齐 |
size | 设置水平线的粗细 | 以像素为单位,默认为2像素 |
color | 设置水平线的颜色 | 可用颜色名称、十六进制#RGB、rgb(r,g,b) |
width | 设置水平线的宽度 | 可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100% |
4、换行标记<br/>
2.常用的文本格式化标记:
标记 | 显示效果 |
<b></b>和<strong></strong> | 文字以粗体方式显示(XHTML推荐使用strong) |
<i></i>和<em></em> | 文字以斜体方式显示(XHTML推荐使用em) |
<s></s>和<del></del> | 文字以加删除线方式显示(XHTML推荐使用del) |
<u></u>和<ins></ins> | 文字以加下划线方式显示(XHTML不赞成使用u) |
3.HTML为特殊字符准备了专门的替代代码
3.图像标记的格式:
HTML网页中任何元素的实现都要依靠HTML标记,要想在网页中显示图像就需要使用图像标记,接下来将详细介绍图像标记<img />以及和他相关的属性。其基本语法格式如下:
<img src="图像URL" />
该语法中src属性用于指定图像文件的路径和文件名,他是img标记的必需属性。
相对路径和绝对路径
实际工作中,通常新建一个文件夹专门用于存放图像文件,这时再插入图像,就需要采用“路径”的方式来指定图像文件的位置。
² 绝对路径
绝对路径一般是指带有盘符的路径或完整的网络地址,
网页中不推荐使用绝对路径,
浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。