HTML标签是由尖括号包围的关键词,比如 <html>。HTML标签的大小写无关的,例如“主体”<body>跟<BODY>表示的意思是一样的,推荐使用小写。
HTML标签通常是成对出现的,比如 <b> 和 </b>;但也有单独呈现的标签,如:<img src="1.jpg" />等。
一般成对出现的标签,其内容在两个标签中间;标签对中的第一个标签是开始标签,第二个标签是结束标签。单独呈现的标签,则在标签属性中赋值。如<h1>标题</h1>和 <input type="text" value="按钮" />。
1、标题标签: h1~h6 ctrl+1~6
2、段落标签: p ctrl+shift+p
3、换行标签: br shift+回车
4、水平线: hr
5、加粗标签: strong ctrl+b
6、倾斜标签: em ctrl+i
7、空格标签:
8、图片标签:<img src=’图片路径’ alt=’图片加载错误提示文字’ title=’鼠标悬停文字’ width=’宽度’ height=’高度’ />
9、超链接:<a href=’链接路径’ traget=’_blank’>文本/图片</a>
10、锚链接:
(1) 定义锚:给标签加id属性,id=”top”
(2) 跳转到锚:<a href=”#top”>top</a>
11、行级标签
1.Strong
2.Em
3.A
4.Img
12、块级标签
1.标题标签
2.段落标签
Display:inline-block设置元素具有行级标签和块级标签的属性
.da dl dd p:nth-of-type(1):当dd下面的段落p有好几个的时候,你有只想给第一个段落p加样式的时候用到这个!!!
Float:浮动
Z-index:层次 z-index:1比z-index:2 低一层
设置div半透明的代码:opacity:0.7;
设置div溢出隐藏的代码:overflow:hidden;
设置css的动画效果:transition: all 0.5s linear
设置css时图片在div中同比例放大或者同比例缩小:transform: scale(1.1)
这些就是HTML的标签
基本
<html>…</html> 定义 HTML 文档
<head>…</head> 文档的信息
<meta> HTML 文档的元信息
<title>…</title> 文档的标题
<link> 文档与外部资源的关系
<style>…</style> 文档的样式信息
<body>…</body> 可见的页面内容
<!--…--> 注释
文本
<h1>...</h1> 标题字大小
(h1~h6)<b>...</b> 粗体字
<strong>...</strong> 粗体字(强调)
<i>...</i> 斜体字
<em>...</em> 斜体字(强调)
<u>...</u> 下划线
<del>...</del> 删除线(表示删除)
<center>…</center> 居中文本(HTMl5已不支持center标签,可用样式text-align:center代替)
<ul>…</ul> 无序列表
<ol>…</ol> 有序列表
<li>…</li> 列表项目
<a href=”…”>…</a> 超链接
<font> 定义文本字体尺寸、颜色、大小
<sub> 下标<sup> 上标<br> 换行<p> 段落
图形
<img src=’”…”> 定义图像
<hr> 水平线
表格
<table>…</table> 定义表格
<th>…</th> 定义表格中的表头单元格
<tr>…</tr> 定义表格中的行
<td>…</td> 定义表格中的单元
其它
<form>…</form> 定义供用户输入的 HTML 表单
<frame> 定义框架集的窗口或框架
想学更多前端知识,可以关注中公优就业。
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有