2、基本标签

3、标签学习

1、文件标签:构成html最基本的标签

html:html文档的根标签

head:头标签,用于指定html文档的一些属性。引入外部的资源

title:标题标签

body:体标签

<!DOCTYPE html>:html5中定义该文档是html文档

2、文本标签:和文本有关的标签

注释:<!--注释内容-->

<h1>to<h6>:标题标签,h1-h6字号随数字增大而减小,自带换行效果

<p>:段落标签

<br>:换行标签,自闭和标签

<hr>:显示一条水平线,自闭和标签

属性:

color:颜色

width:宽度

size:高度

align:对其方式

center:居中

left:左对齐

right:右对齐

<b>:字体加粗

<i>:字体斜体

<font>:字体标签(已经过时)

<center>:文本居中(已经过时)

属性:

color:颜色

size:大小

face:字体

属性定义:

color:

1、英文单词:red,green,blue

2、rgb(值1,值2,值3):红绿蓝三原色占比情况,值的范围:0-255 如 rgb(0,0,255)

3、#(值1,值2,值3):00~FF之间(16进制)。如:#FF00FF

width:

1、数值:width='20',数值的单位,默认是px(像素)

2、数值%:占比相对于父元素的比例

3、图片标签:

img:展示图片

属性:

src:指定图片的位置

相对路径

以.开头的路径

./代表当前目录,为默认./image/1.jpg

../代表上一级目录

4、列表标签:

有序列表:

ol:属性:type="A"(默认是数字) start="5"开始编号

li:

无序列表:

ul:

li:

5、链接标签:

a:定义一个超链接

属性:

href:指定访问资源的URL(统一资源定位符)

target:指定打开资源的方式

_self:默认值,在当前页面打开

_blank:在空白页面打开

6、div和span:(默认没有任何效果,起包裹作用)

div:每一个div占满一整行。块级标签

span:文本信息在一行展示,行内标签 内联标签

7、语义化标签:html5中为了提高程序的可读性,提供了一些标签。

<header>:页眉

<footer>:页脚

8、表格标签:

table:定义表格

width:宽度

border:边框

cellpadding:定义内容和单元格的距离

cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条。

bgcolor:背景色

align:对齐方式(center居中显示)

tr:定义行

bgcolor:背景色

align:对齐方式

td:定义单元格

colspan:合并列

rowspan:合并行

th:定义表头单元格

<captiong>:定义表格标题

<thead>:表示表格的头部分

<tbody>:表示表格的体部分

<tfoot>:表示表格的脚部分

发布了18 篇原创文章 · 获赞 0 · 访问量 163

猜你喜欢

转载自blog.csdn.net/weixin_42065524/article/details/104260539