文本格式化标签:
文本格式化标签主要针对HTML页面上的文本内容做相应的修饰及标识。如:粗体、斜体、下划线、删除线。
文本格式化标签主要分为两组方式,都是属于双标签。
第一组方式:只有使用,无强调的意思
粗体: <b> 内容 </b>
斜体: <i> 内容 </i>
删除线: <s> 内容 </s>
下划线: <u> 内容 </u>
<b> 我是加粗的文字 </b>
<i> 我是倾斜的文字 </i>
<s> 我是加删除线的文字 </s>
<u> 我是加下划线的文字 </u>
第二组方式:语义更强烈,XHTML中推荐使用
粗体: <strong> 内容 </strong>
斜体: <em> 内容 </em>
删除线: <del> 内容 </del>
下划线: <ins> 内容 </ins>
<strong> 我是加粗的文字 </strong>
<em> 我是倾斜的文字 </em>
<del> 我是加删除线的文字 </del>
<ins> 我是加下划线的文字 </ins>
图像标签:
图像标签用作与HTML页面中针对图片展示的标签。
特点:
1、属于单标签
2、属于行内块元素:可在一行显示,可设置宽高,结合行内元素和块级元素的优点
格式:
<img 属性1=“属性值1” 属性2=“属性值2”.../>
常用属性:
src : 图像的路径(URL)
alt : 图像未正常显示时,展示的文本内容
title : 鼠标悬停在图片上显示的文本提示内容
width : 图像的宽度
height : 图像的高度
border : 图像边框的宽度
<img src="/xx/yy/zz.jpg" alt="图片加载失败" title="这是图片zz" width=100px height=100px border=2/>
链接标签:
链接标签指作用在HTML页面上的跳转。
特点:
1、属于双标签
2、标签中的内容通常可以为文本或者图像
3、默认文本有下划线、未点击和点击后颜色有变化,可通过样式进行修改
4、属于行内元素:显示在一行,宽高根据内容而决定,一般不可设置宽高
格式:
<a 属性1=“属性值1” 属性2=“属性值2”> 文本内容/img图像标签 </a>
常用属性:
href : 指定链接目标的URL地址
target : 指定链接页面打开方式,self(默认):在本窗口打开 blank:在新的窗口打开
链接标签主要分为:超链接 和 锚点链接两个功能。
超链接:是指由一个页面地址跳转到另一个页面地址。
<a href="./xx.html" target="self"> 跳转到xx页面 </a> //文字超链接
<a href="./xx.html" target="self"> //图像超链接
<img src="./yy.jpg"/>
</a>
锚点链接:是指在同一个HTML页面,跳转到对应的元素。
<a href="#dv"> 跳转到xx页面 </a> //文字超链接
<a href="#dv"> //图像超链接
<img src="./yy.jpg"/>
</a>
<div id="dv"> 这是一个div标签 </div>
页面整体链接设置标签:
页面整体链接设置标签将设置整个HTML页面的链接默认以什么方式进行打开。
特点:
1、属于单标签
2、该标签嵌入在head标签之间,而非body标签之间
2、一旦在页面中设置该标签的属性,该页面默认将以设置的方式进行打开链接
格式:
<base 属性1=“属性值1”/>
常用属性:
target : 默认self(在本窗口打开链接),blank在新窗口打开链接
<head>
<base target="self"/>
</head>
<body>
<a href="www.baidu.com"> 查看链接打开方式 </a>
</body>
注释标签:
注释标签是用作在HTML页面中增加注释,便于开发人员理解。
特点:
1、不渲染到HTML页面上
2、以 (<!-- )开头,以( -->)结尾
格式:
<!-- 需要注释的内容 -->
<!-- <p> 这是第一个p标签 </p> --> //使用注释标签后,页面将不再显示该内容
<!-- 这是单纯的文本 --> //使用注释标签后,页面将不再显示该内容
<p> 这是第二个p标签 </p>