导图社区 Html标签
根据某马程序员课程,自己整理的HTML标签,比较全
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
Html标签
排版标签:熟记
标题标签:熟记
head头部:双标签
<h1>、<h2>……
一共六级
少用,一般都是给logo用的
段落标签:熟记
paragraph段落:双标签
<p>
文本在一个段落,一般会根据浏览器大小自动换行
水平线标签:认识
horizontal 横线:单标签
<hr />
网页中显示的是默认样式的水平线
换行标签:熟记
break 打断:单标签
<br />
在末尾加
div span标签:重点
division 分割、分区
span 跨度、跨距、范围
均为双标签、没有意义
是我们网页布局的两个盒子
文本格式化标签:熟记
加粗 bold
<b>、<strong>:双标签
XHTML推荐用strong
倾斜
<i>、<em>:双标签
xhtml推荐用em
删除线
<s>、<del>:双标签
XHTML推荐用del
下划线
<u>、<ins>:双标签
XHTML推荐用ins
图像标签:重点
<img src="图像URL" />
单标签
该语法中src属性用于指定图像文件的路径和文件名,它是img标签的必须属性
<img />标记属性
src 属性
url属性值
图像的路径
alt 属性
文本~
图像不能显示时的替换文本
title 属性
鼠标悬停时显示的内容
width 属性
像素~(XHTML不支持%页面百分比)
设置图像的宽度
height 属性
设置图像的高度
一般只需要更改一项,另一项会等比例缩放
border 属性
数字~
设置图像边框的宽度
不提倡使用
链接标签:重点
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
1.外部链接 需要添加http://
比如 http://www.baidu.com
2.内容链接 直接链接内部页面名称即可
比如<a href="index.html">首页</a>
3.如果当时没有确定连接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接
4.不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接
锚点定位:双标签
适用于较长页面,点击某个关键词,从而迅速到达页面中的这个位置
1.使用”<a href="#id名">链接文本</a>“创建链接文本
2.使用相应的id名标注跳转目标的位置
id="life"
Base标签:单标签
新打开一个页面
target="_blank"
一个个输太麻烦
自己的页面跳转
target="_self"
<base target="_blank" />
在head标签中输入
特殊字符
p
注释标签
<!-- 注释内容-->
1.多使用注释标签是非常好的代码习惯
2.注释标签里面的内容是给程序员看的,浏览器是不执行的
3.HTML注释的快捷键
ctrl+/
单行注释
ctrl+shift+/
多行注释
标签属性
<标签名 属性1=“属性值1” 属性2=“属性值2”…>内容</标签名>
1.标签可以有多个属性,必须写在开始标签中,位于标签名后面
2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开
3.任何标签的属性都有默认值,省略该属性则取默认值
采取 键值对 的格式, key=“value"的格式,属性=值
尽量不使用样式属性