常用标签
一.HTML骨架标签
<!DOCTYPE html><!--声明使用的语言为html5-->
<html lang="zh-cn"><!--声明网页元素为中文-->
<head>
<meta chaset="UTF-8"/><!--声明编码字符集为UTF-8万国码字符集-->
<title>最基本的骨架标签</title>
</head>
<body>
</body>
</html>
二.标签的分类,标签可分为单标签和双标签
2.双标签的语法格式为,双标签的结束标签只比开始标签多了一个/
<开始标签></结束标签>
3.单标签的语法格式为
<单标签 />
三.标签的关系
1…标签的关系可以分为嵌套关系和并列关系
2.嵌套关系的语法格式为一个标签嵌套着另外一个标签
<html>
<head></head>
</html>
3.并列关系的语法格式为
<a><a/><span></span>
四.文本格式化
例如下面的代码
<b><b/><strong></strong><!--这两个都是加粗标签,前者只有加粗,后者则是强调语义化推荐使用后者-->
<i></i><em></em><!--这两个都是倾斜标签,前者只有倾斜,后者则是强调语义化,推荐使用后者-->
<s></s><del></del><!--这两个都是删除线标签,前者只有删除线,后者则是强调语义化,推荐使用后者-->
<u></u><ins></ins><!--这两个都是下滑线标签,前者只有下滑线线,后者则是强调语义化,推荐使用后者-->
<pre></pre><<!--能够识别我们在标签内部打的所有文字和空格和换行进行格式化并解析-->
五.换行标签
换行标签用br,它是个单标签
语法格式为
<br />
六.div和span标签
1.都是布局标签
2.div标签独占一行的特性,是现在网页布局的主要形式之一,可以称它为盒子模型,通常和css一同使用
3.span标签,可以在一行中有很多个,通常用来做字体图标等布局模式
4.它们的语法格式为
<div></div>
<div></div>
<div></div>
<span></span><span></span><span></span>
六.img图像标签
语法格式为
<img src="" />
图像标签的属性有
语法格式为
<img src="" />
图像标签的属性有
属性 | 属性值 | 描述 |
---|---|---|
src | UTR | 图像的路径 |
alt | 文本 | 照片不能显示时的替换文本 |
title | 文本 | 标签鼠标悬停时显示出的内容 |
width | 像素值(不支持百分比) | 设置图像的宽带 |
height | 像素值(不支持百分比) | 设置图像的高度 |
border | 数字 | 设置图像边框的宽度 |
border属性需要在后面的c s s里面进行设置
注意:
- 标签可以拥有多个属性,必须在卸载开始标签中,位于标签名的前面
- 属性之间不分先后顺序,标签名与属性,属性与属性值之间要分开
border属性可以在后面的css里面进行设置
注意:
- 标签可以拥有多个属性,必须在卸载开始标签中,位于标签名的前面
- 属性之间不分先后顺序,标签名与属性,属性与属性值之间要分开
七链接标签
语法格式为
<a href="" alt="" title=""/><a>
属性 | 作用 |
---|---|
href | 链接指定的目标地址 |
target | 链接的跳转方式分为两种(_self)表示在当前网页直接跳转,(_blank)表示新开一个网页页面显示链接的目标地址网页 |
链接分为三种:外部链接,空链接,内部链接,锚点链接
外部链接是指非本网站的链接
例如:<a href="https://www.baidu.com">百度一下</a>
空链接指没用任何目标地址的链接
例如:<a href="#">没有作用的</a>
内部链接是指当前链接地址在本网站之内的其他网页
例如: <a href="index.html">首页</a>
锚点链接是链接在一张网页上的的元素
调用方式是首先给需要加链接的文字加上a链接,然后到链接的地点的标签名上加上一个id选择器写上id的名字,最后用a链接的href目标地址属性加上#id选择器中的名字锚点链接完成
- 注意:链接不限于文字链接还包括图像,影音,表格等网页元素都可以成为链接
- 必须要在连接内填写href属性
八.注释标签
注释标签的语法格式为
html中的语法格式,可以使用ctrl+/或ctrl+shift+/快速生成
<!--这是一个注释-->
css和js中的注释标签(暂未学到),可以使用ctrl+/或ctrl+shift+/快速生成
/*注释*/
九base标签
可以将网页所有链接的跳转方式改成统一的跳转方式
<head>
<base target=_blank/>
</head>
十特殊转义字符
十一路径(难点,重点的
路径可以分为相对路径和绝对路径
相对路径是指在当前路径内
例如:同一级路径,网页和图片在一个文件夹内,可以直接写出图片的名字就可以
<img src="time.gif">
例如:不在同一级路径,在下一级路径
<img src="img/time.gif">
例如:不在同一级路径,在上一级路径
<img src="../time.gif">
绝对路径用的很少
例如:
计算机上的绝对路径:D:/web/img/time.gif这个路径是以计算机的根目录作为参考
以web的根目录作为参考的如下
https://t7.baidu.com/it/u=1732966997,2981886582&fm=193&f=GIF