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