900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > HTML5网页设计常用标记-链接标记和列表标记

HTML5网页设计常用标记-链接标记和列表标记

时间:2023-11-17 09:44:50

相关推荐

HTML5网页设计常用标记-链接标记和列表标记

链接标记

在HTML语言中,利用<a>标记在网页中创建超链接。语法格式:<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>文字设置为超链接后,默认显示为加下划线的蓝色字体;图片设置为超链接后,会自动加一个黑色的边框。

<a>标记常用的属性如下:

(1)href属性:最重要的,必选属性,指定连接的目标资源URL地址。

(2)name属性:指定元素的名称,用于设置网页中的某个位置(锚点)。

(3)target属性:设定链接页面显示的目标窗口,默认情况下,目标页面在同一个窗口中打开显示。target="_blank"表示在新窗口中打开,target="_self"表示在当前窗口打开(即默认情况)。

(4)title属性:设置鼠标经过超链接时现实的文字提示。是通用属性,所有标签都可以用。

列表标记

1.有序列表<ol>标记

语法格式:

<ol>

<li>项目1</li>

<li>项目2</li>

<ol>

(1)自动编号,如1.2.3.

(2)ol标签表示:声明一个有序列表,内容由li标签包裹。

(3)ol的子标签只能是li标签。

2.无序列表<ul>标记

语法格式:

<ul>

<li>项目1</li>

<li>项目2</li>

<ul>

(1)使用圆点或菱形等特殊项目符号。

3.定义列表<dl>标记

语法格式:

<dl>

<dt>湖南省地级市</dt>

<dd>长沙</dd>

<dd>株洲</dd>

<dd>常德</dd>

<dl>

(1)<dt>标记表示名词;<dd>标记表示对名词的解释。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。