美文网首页Java Web程序设计
HTML---列表标记和超链接标记

HTML---列表标记和超链接标记

作者: Wovw | 来源:发表于2020-11-07 16:41 被阅读0次

列表标记分为有序列表和无序列表

1.无序列表<ul>

无序列表的各个列表项之间没有顺序级别之分,通常是并列的。

(1)基本语法格式:

<ul>

    <li>列表项1</li>

    <li>列表项2</li>

    ...

</ul>

在上述语法中,<ul></ul>标记用于定义无序列表,<li></li>标记嵌套在<ul></ul>标记中,用于描述具体的列表项,每对<ul></ul>中至少应包含一对<li></li>。

(2)演示:(部分代码)

type属性用来指定列表项目符号,常用的属性值有3种:disc、square和circle,它们的显示效果分别是●,■,○。默认值是disc。

2.超链接标记

一个网站通常由多个页面构成,进入网站时首先看到的是其首页面,如果想从首页面跳转到子页面,就需要在首页面的相应位置添加超链接。

(1)基本语法格式:

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

在上述语法中,

<a></a>用于定义超链接,

href属性用于指定链接指向页面的URL,

target属性用于指定页面的打开方式,其取值有_self(默认值,在原窗口打开)、_blank(在新窗口打开)、_parent(在父框架集中打开被链接文档)和_top(在整个窗口中打开被链接文档)。(_self和_blank较为常用)

(2)案例:(部分代码)

代码与网页 原窗口效果 新窗口效果

相关文章

  • HTML---列表标记和超链接标记

    列表标记分为有序列表和无序列表 1.无序列表 无序列表的各个列表项之间没有顺序级别之分,通常是并列的。 (1)基本...

  • HTML---单标记和双标记

    通常将HTML标记分为两大类,分别是“单标记”与“双标记”。 1.单标记: 是指用一个标记符号即可完整地描述某个功...

  • HTML---图像标记和表格标记

    1.图像标记 基本语法格式: src属性用于引入图片,指定图像文件的路径,包括绝对路径或相对路径(同级目录(同一文...

  • 2018-10-29-day1-html

    一.标签 == 标记 二.文本标签 三.列表标签 四.图片和超链接

  • HTML&CSS基础笔记

    HTML的基本标记 1、 超链接 2、 图像 3、

    • 无序列表 和
    • HTML---

      div是英文Division的缩写,意为“分割、区域”。简单而言就是一个区块容器标记,可以将网页分割为独立的、不同...

    • HTML---表单标记

      1.表单标记 表单就是在网页上用于输入信息的区域,它的主要功能是收集数据信息,并将这些信息传递给后台信息处理模块。...

    • HTML标记语言

      HTML的语法 什么是HTML标记语言可设置文本的格式(标题、字号等)可创建列表可插入图像和媒体可建立表格超链接 ...

    • 【HTML】 一、HTML的语法

      HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

    • 【HTML】 七、HTML框架

      HTML标记语言 一、HTML的语法二、html的基本结构三、文档设置标记四、图像标记五、超链接的使用六、表格七、...

网友评论

    本文标题:HTML---列表标记和超链接标记

    本文链接:https://www.haomeiwen.com/subject/dbcumktx.html