超链接标签,注释与特殊字符,列表 与 表格,

在HTML标签中,<a> 标签用于定义超链接,作用是从一个页面链接到另一个页面。

 

 

 

 

 

1. 链接的语法格式

 

 

 

 

 

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

 

 

 

两个属性的作用如下:

 

 

 

 

 

2. 链接分类

 

 

 

1. 外部链接:例如 < a href="http:// www.baidu.com">百度</a > 。

 

 

 

2. 内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如 < a href="index.html">首页</a> 。

 

 

 

3. 空链接:如果当时没有确定链接目标时,<a href="#">首页</a >。

 

 

 

4. 下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。

 

 

 

5. 网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.

 

 

 

6. 可以快速定位到页面中的某个位置。

 

 

 

在链接文本的 href 属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>

 

 

 

找到目标位置标签,里面添加一个id属性=刚才的名字,如:<h3 id="two">第2集介绍</h3>

 

 

 

1. 注释

 

 

 

如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。

 

 

 

HTML中的注释以“ <!-- ”开头,以" --> ”结束。

 

 

 

 

 

<!-- 注释的内容 --> 快捷键按 Ctrl + / 

 

 

 

一句话:注释标签里面的内容是给程序猿看的,这个代码是不执行不显示到页面中的.

 

 

 

添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。

 

 

 

 

 

2. 特殊的字符

 

 

 

在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。

 

 

 

 

 

重点记住∶空格、大于号、小于号这三个,其余的使用很少,如果需要回头查阅即可。

 

 

 

1. 列表标签

 

 

 

列表主要用于布局使用。

 

 

 

列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。

 

 

 

根据使用情景不同,列表可以分为三大类:无序列表、有序列表和自定义列表。

 

 

 

 

 

 

 

 

1. 无序列表

 

 

 

<ul> 标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用 <li> 标签定义。

 

 

 

无序列表的基本语法格式如下:

 

 

 

 

 

<ul>

 

 <li>第一个列表项</li>

 

 <li>第二个列表项</li>

 

 <li>第三个列表项</li>

 

</ul> 

 

 

 

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

 

 

 

2. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。

 

 

 

3. <li>与</li>之间相当于一个容器,可以容纳所有元素。

 

 

 

4. 无序列表会带有自己的样式属性,但在实际使用时,我们会使用CSS来设置。

 

 

 

 

 

2. 有序列表

 

 

 

有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义。

 

 

 

在HTML标签中,<ol> 标签用于定义有序列表,列表排序以数字来显示,并且使用 <li> 标签来定义列表项。

 

 

 

有序列表的基本语法格式如下:

 

 

 

 

 

<ol>

 

 <li>第一个列表项</li>

 

 <li>第二个列表项</li>

 

 <li>第三个列表项</li>

 

</ol> 

 

 

 

1. <ol></ol>中只能嵌套<li></li>,直接在<ol></ol>标签中输入其他标签或者文字的做法是不被允许的。

 

 

 

2. <li>与</li>之间相当于一个容器,可以容纳所有元素。

 

 

 

3. 有序列表会带有自己样式属性,但在实际使用时,我们会使用CSS来设置。

 

 

 

 

 

3. 自定义列表

 

 

 

自定义列表的使用场景:

 

 

 

自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。

 

 

 

 

 

 

 

 

在HTML标签中,<dl> 标签用于定义描述列表(或定义列表),该标签会与 <dt> (定义项目/名字)和 <dd> (描述每一个项目/名字)一起使用。

 

 

 

其基本语法如下:

 

 

 

 

 

<dl>

 

 <dt>选项列表</dt>

 

 <dd>第一个列表项</dd>

 

 <dd>第二个列表项</dd>

 

</dl> 

 

 

 

1. <dl></dl> 里面只能包含 <dt> 和 <dd>。

 

 

 

2. <dt> 和 <dd> 个数没有限制,经常是一个 <dt> 对应多个 <dd> 。

 

 

 

 

 

4. 列表总结

 

html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值