HTML标签

HTML5

标签学习:

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

html:html文档的根标签
head:头标签。用于指定html文档的一些属性。引入外部的资源
title:标题标签。
body:体标签
<!DOCTYPE html>:html5中定义该文档是html文档

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

<!-- 注释内容 -->:注释
<h1> to <h6>:标题标签 - h1~h6字体大小逐渐递减
<p>:段落标签
<br>:换行标签
<hr>:展示一条水平线
<b>:字体加粗
<i>:字体斜体
<font>:字体标签
<center>:文本居中

3. 图片标签:

img:展示图片

<img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/>
相对路径 以.开头 ./代表当前目录 ./image/1.jpg ../代表上一级目录

4. 列表标签:

有序列表: ol li
无序列表: ul li
自定义列表: dl dt dd

5. 链接标签:

a:定义一个超链接

href:指定访问资源的URL(统一资源定位符)
target:指定打开资源的方式
_self:默认值,在当前页面打开
_blank:在空白页面打开

6. divspan

div:每一个div占满一整行。块级标签
span:文本信息在一行展示,行内标签 内联标签

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

<header>:页眉
<footer>:页脚

8. 表格标签:

table:定义表格

width:宽度
border:边框
cellpadding:定义内容和单元格的距离
cellspacing:定义单元格之间的距离。如果指定为0,则单元格的线会合为一条、
bgcolor:背景色
align:对齐方式
tr:定义行
bgcolor:背景色
align:对齐方式
td:定义单元格
colspan:合并列
rowspan:合并行
th:定义表头单元格
<caption>:表格标题
<thead>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值