01 第一章 HTML常用标签
2018-10-23 本文已影响0人
晚溪呀
一、什么是标签？
1.由一对尖括号组成 <> 。
2.单标签;
<img src='1.jpg' />
3.双标签;
<html></html>
二、标题标签h1-h6。
<h1>凯迪拉克</h1>
p标签
<p>亲爱的宝宝们，大家晚上好！</p>
b / strong 标签
<p>我叫凯迪:
<b>大帅比！</b>
</p>
<p>美乐，
<strong>高富帅！</strong>
</p>
i/em 倾斜
<i>有点弯！</i> <em>也有点弯！</em>
span 标签
<p>我叫凯迪，我爱
<span style='background‐color:red;'>布加迪<span>
</p>
sup/sub 上标/下标
<p>我的目标是10<sup>10</sup></p>
<p> C+O<sub>2</sub> = CO<sub>2</sub></p>
列表标签：无序列表、有序列表、自定义列表。
无序列表
- 属性
disc 实心圆
circle 空心圆
square 方块符号
<ol>
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
有序列表
- type：
A 大写字母序列号
a 小写字母序列号
I I II III 序列号
<ul type=‘A’>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
自定义列表
<dl>
<dt>我是dt标签</dt>
<dd>我是dd标签</dd>
</dl>
img图片标签
图片格式
1.gif动态图片
2.jpg是一种比较常见的图片格式
3.png透明图片
图片四要素：（src路径、width宽度、height高度、alt标记）
第一个：路径;
<img src='images/1.png' />
width:定义图片的宽度
height:定义图片的高度
<img src='images/1.png' width='' height='' />
alt：用来指定替换文字,有提示作用
<img src='images/1.jpg' width='' height='' alt='lubenwei' />
titile：给图片起来标题来标记。
-
img标签中的width和height必须写上，因为写上浏览器识别的时候在拿到img的宽高的时候会预先留出一个位置，起到占位的作用，样式的宽高是在拿到图片的时候再重新设置的。
如果不写宽高的话，会在加载的时候影响下面的排版，会引起渲染回流的情况！
三、路径
相对路径 —相对于当前 文档位置出发（推荐使用） 绝对路径—路径名>称不能出现中文
- 本地绝对路径：从盘符出发
D:\a\b\c\d\6.jpg- 网络绝对路径：从域名出发
https://www.baidu.com/img/bd_logo1.png
注意=>需要跳到上一级要 ../ 如果要跳两级 ../../
四、a标签
a标签功能： 链接 | 下载 | 锚点
链接 : href='url' 中url是一个网页地址
相对 URL - 指向站点内的某个文件（href=”./index.html”） 绝对 URL - 指向另一个站点（比如
href=”http://www.baidu.com”）
下载 ：href=’url’中url链接地址一个软件就会下载 锚点 ：href=’#ID名’ 锚点
target 链接打开方式
- _blank 新窗口（空白页面）
- _self 当前窗口
<base target="_blank" /> 定义默认网页打开方式
- 如何禁止文本域拉伸
设置这个属性
resize:none;
