HTML学习笔记 2018-11-13(20:34)

本文详细介绍了HTML中的排版标签如p和hr,字体标签包括font和h系列,以及列表标签ul和ol的使用方法。通过实例展示了如何设置文本的对齐方式、字体、大小和颜色,以及如何创建不同样式的列表。

HTML学习笔记 2018-11-13(20:34)
一、排版标签
1.(p)
P标签:段落标签。
可以用align属性和将HTML文档分割位若干段。
P标签会在段落的上行下加空行。
例如:

<p align="center">居中</p>
<p align="right">靠右</p>
<p algin="left">靠右(默认)</p>

居中

靠右

靠右(默认)

2.(hr)
hr标签:会生成一条水平线。
常用的属性:
align 设置水平线的对其方式。
size 设置水平线的厚度,默认为2。
width 设置水平线的长度,可以是绝对值或者是相对值,默认为100%。
color 设置水平线颜色,默认黑色。
例如:

<hr align="left" size="5" width="50%" color="#7fff00"/>

二、字体标签 1.(font) font标签:字体标签,用于规定文本的大小,颜色,字体。 常用属性: face: 规定文本字体 verdana Arial(很少用到)。 size: 规定文本的大小。 color:规定文本的颜色。 例如:
      <font size="300px" face="宋体"  color="#7fff00">宋体</font>
宋体

2.(h)
h标签: 标题标签
h1至h6,h1最大,h6最小
例如

<h1>字</h1> 
<h2>字</h2>
<h3>字</h3>
<h4>字</h4>
<h5>字</h5>
<h6>字</h6>
三、列表标签 1.(ul) ul标签:无需列表标签。 常用属性:type 规定列表的项目符号。 可取值:disc、square、circle。默认为disc。 例如:
<ul >
<li>默认格式disc(圆点)</li>
</ul>
<ul type="circle">
<li>列表前的符号样式为圆圈</li>
</ul>
<ul type="square">
<li>列表前的符号样式为(方格)</li>
</ul>

2.(ol)
ol标签:有序列表标签。
常用属性:
value(只适用于有序列表)。
用于设定列表的项目数字。
用法:type的值为1 而vlaue的属性为25,那项目数字就会从25开始往后排序。
例如:

<ol type="1">
<li value="18">ol标签</li>
<li>ol标签</li>
<li>ol标签</li>
</ol>
<ol type="A">
<li>ol标签</li>
<li>ol标签</li>
<li>ol标签</li>
</ol>
<ol type="a">
<li>ol标签</li>
<li>ol标签</li>
<li>ol标签</li>
</ol>
<ol type="I">
<li>ol标签</li>
<li>ol标签</li>
<li>ol标签</li>
</ol>
<ol type="i">
<li>ol标签</li>
<li>ol标签</li>
<li>ol标签</li>
</ol>

打卡第二天啦,小伙伴们!加油。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值