HTML构成及基本标签

超文本标记语言：HTML

W3C：互联网联盟

注释语法：

标签格式：

　　双标签元素：<标签名属性 style="样式">内容</标签名>

　　单标签元素：<标签名 /> 或<标签名>

基本标签：

第一类：自带标签

　　<html>网页开始 </html>网页结束

　　<head>头标签里面放控制性的东西

　　<body>主体标签，里面放网页内容

　　<title>网页的标题

<body>的几个属性：

　　bgcolor背景色

　　background背景图片

　　text文本颜色

第二类：格式标签

　　<b>加粗

　　<strong>加粗

　　<i>倾斜

　　<em>倾斜

　　<u>下划线

　　<br/>换行

　　  空格　　

　　<center>居中

第三类：内容标签

　　<h1>--<h6> 标题标签（会自动换行），其中好h1的字体最大

　　<p>段落标签，段落之间自动空行

　　<div>层标签，内容容器，网页布局用,默认占一行

　　<span>层标签，内容容器，默认有多大空间占多大空间

　　<ul>无序列表，里面的每一项用<li> ，列表符号可改变

　　<ol>有序列表，里面的每一项用<li>，列表符号可改变

　　<ol type="1"> --有序列表，序号为1,2,3……，引号中可以更改序号形式

　　</ol> --上面“ol”改为“ul”则为无序列表

“../”　　表示上级目录

“./”　　表示当前目录

相对路径：从当前页面开始查找。

绝对路径：从网站的根开始查找。 “/”，代表网站的根。

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

四、常用标签

1、超链接标签

路径问题：手写路径怎么写以该网页所在的位置为基础，如果找它的父级文件夹用../ 如果找它的子级文件夹用/ 直到找到图片为止

　　<a href="超链接地址" target=“_blank”>超链接的文字</a> --href（hyperlink reference）

属性	值	描述
charset	char_encoding	HTML5 中不支持。规定被链接文档的字符集。
coords	coordinates	HTML5 中不支持。规定链接的坐标。
download	filename	规定被下载的超链接目标。
href	URL	规定链接指向的页面的 URL。
hreflang	language_code	规定被链接文档的语言。
media	media_query	规定被链接文档是为何种媒介/设备优化的。
name	section_name	HTML5 中不支持。规定锚的名称。
rel	text	规定当前文档与被链接文档之间的关系。
rev	text	HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape	default rect circle poly	HTML5 中不支持。规定链接的形状。
target	_blank _parent _self _top framename	规定在何处打开链接文档。
type	MIME type	规定被链接文档的的 MIME 类型。

　第一步：做锚点的标签。<a name=""></a>

　　第二步：做锚点链接。<a href="#目标链接的name的值"></a>

图片超链接：<a href="超链接地址" target=“_blank”> <img src="图片地址" alt="文字" width="" height="" /> </a>

2、图片标签

必需的属性

属性	值	描述
alt	text	规定图像的替代文本。alt在图片无法加载时，显示文字，还可帮助搜索引擎搜索。
src	URL	规定显示图像的 URL。

可选的属性

属性	值	描述
align	top bottom middle left right	不推荐使用。规定如何根据周围的文本来排列图像。
border	pixels	不推荐使用。定义图像周围的边框。
height	pixels %	定义图像的高度。高跟宽设置一个即可，显示图片会按比例缩放
hspace	pixels	不推荐使用。定义图像左侧和右侧的空白。
ismap	URL	将图像定义为服务器端图像映射。
longdesc	URL	指向包含长的图像描述文档的 URL。
usemap	URL	将图像定义为客户器端图像映射。
vspace	pixels	不推荐使用。定义图像顶部和底部的空白。
width	pixels %	设置图像的宽度。

注：

“../”　　表示上级目录

“./”　　表示当前目录

相对路径：从当前页面开始查找。

绝对路径：从网站的根开始查找。 “/”，代表网站的根。

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

4、表格标签：

　　<table> 属性：表格宽度，border:边框 cellspacing：单元格间距 cellpadding：单元格的内边距 bordercolor:边框颜色

　　<tr>行，属性：bgcolor:背景色，

　　<td>单元格：属性：宽度，height：高度，align:水平对齐 valign：垂直对齐 rowspan="3"合并列 colspan="2"合并行

HTML构成及基本标签

四、常用标签

相关推荐