html-速成(超链接、标签文本、有序序列、无序序列)

一、超链接

<a href=” 连接地址”>名称</a>

超链接在浏览器中的三种默认情况

1.一个未访问过的链接显示为蓝色字体并带有下划线。

2.访问过的链接显示为紫色并带有下划线。(左边访问,右面未访问)

3.为超链接的表现:鼠标移动到超链接上会变成一个小手

4.点击链接时,链接显示为红色并带有下划线。

超链接的内容不只是文本还可以是图片等等       

5.锚点:id=“赋予id名称”。使用超链接时href=" "双引号中加#号

例:<a id ="bottom " href="#top">去底下</a>

在下面插入一个锚点,top,点击上面的连接即可跳转

注:如何出现两个一样的锚点,靠上的优先级高

二,标签文本

在HTML中的文本用<p></p>来表示

除了<p>以外还有一些比较常用的文本标签:

<em>

定义着重文字

<d>

定义粗体字体

<i>

定义斜字体

<strong>

定义加重语气

<del>

定义删除字

<span>

元素没有特定的含义

各种字体在使用时可以灵活运用

三,有序列表

有序列表都以<ol>标签作为开始,每个列表项都以<li>开始

<ol>的属性type拥有的选项

1表示列表项目用数字标号 (1,2,3…)

a表示列表项目用小写字母标号(a,b,..)

A表示列表项目用大写字母标号(A,B,C..)

i表示列表项目用小写罗马数字标号(i,ii,iii..)

I表示列表项目用大写罗马数字标号l,ll,lll...)

例如:使用大写罗马数字标号

<ol>标签可以嵌套使用

四,无序序列

与有序序列不同的是有序序列是<ol>,而无序序列是<ul>

有序序列有明确的数值来表示,而无序序列没有,无序序列是用图形来表示的

同理无序序列也有type的属性

<ul>的属性type拥有的选项

Disc 默认的实心圆

Circle空心圆

Square小方块

None不显示

同理无序序列也可以完成嵌套

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值