html基础

目录

一.排版系列标签

1.1标题标签

1.2段落标签

1.3水平线标签

1.4换行标签

二.文本格式化标签

2.1第一组

2.2第二组(推荐,语义更强)

三.媒体标签

3.1图片标签

3.2路径

3.2.1绝对路径

3.2.2相对路径

3.3音频标签

3.4视频标签

四.链接标签

五.列表标签

5.1无序列表

5.2有序列表

5.3自定义列表

六.表格标签

6.1表格的基本标签

6.2表格的其他标签

6.3合并单元格

七.表单标签

7.1input标签

7.1.1文本框

7.1.2密码框

7.1.3单选框

7.1.4多选框

7.1.5文件选择框

7.2button标签

7.3下拉菜单

7.4文本域标签

7.5label标签

八.语义化标签

8.1div

8.2span

九.字符实体

9.1HTML的空格合并现象

9.2常见字符实体


 

一.排版系列标签

1.1标题标签

h1~h6

特点:文字加粗,独占一行。h1只用于新闻标题或网页togo

1.2段落标签

<p>
</p>

1.段落之间有默认的间隙

2.独占一行

1.3水平线标签

<hr>

 作用:强制换行

1.4换行标签

<br>

作用:强制换行

二.文本格式化标签

2.1第一组

<b>加粗</b>
<u>下划线</u>
<i>倾斜</i>
<s>删除线</s>

2.2第二组(推荐,语义更强)

<strong>加粗</strong>
<ins></ins>
<em>下划线</em>
<del></del>

三.媒体标签

3.1图片标签

<src img="图片的路径"  alt="替换文本"  title="图片的标题">

注意点:

一般只会设置width或者height中的一个,如果提示设置了两个,图片可能会拉伸变形

3.2路径

3.2.1绝对路径

在个人电脑中,带有盘符的路径

在外部链接中,以https://开头的路径

3.2.2相对路径

3.3音频标签

<audio src="音频的路径"  controls="播放的控件"  sutoplay="自动播放"  loop="循环播放">

3.4视频标签

<video src="音频的路径"  controls="播放的控件"  sutoplay="自动播放"  loop="循环播放">

四.链接标签

<a href="路径或链接"  target="_self
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值