欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html常用标签,常用英语单词

程序员文章站 2023-12-25 20:14:51
[TOC] 欢迎评论点赞交流,转发请添加原博客连接谢谢! html常用标签 htmi结构 HTML全称HyperText Mackeup Language,超文本标记语言。比如网页的超链接、图片、音频、视频都称为超文本。 | 标签 | 作用 | | | | | | 文档声明 | | | 注释 | | ......

目录

欢迎评论点赞交流,转发请添加原博客连接谢谢!

html常用标签

  • htmi结构
<!doctype html> <!--文档声明头,它是指明了该页面使用哪个 html 版本进行编译。-->
<html lang="en"><!--最外层的标签,它表示文档内容的开始.-->
<head><!--用于表示网页的中的一个基础的信息(元信息)--> 
    <meta charset="utf-8"><!--meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。-->
    <title>title</title><!--当前网页的主题。-->
</head>
<body><!--标签包含页面中所有的可见元素,网页中的文本的展示内容-->
</body>
</html>
  • html全称hypertext mackeup language,超文本标记语言。比如网页的超链接、图片、音频、视频都称为超文本。
标签 作用
<!doctype html> 文档声明
<!--注释--> 注释
<html></html> 最外层的标签
<head></head> 元素包含了所有的头部标签元素
<meta/> 描述了一些基本的元数据。{单闭合}
<title></title> 标签定义了不同文档的标题。
<body></body> 可见的页面内容
<script><script> 定义客户端脚本
<h1></h1>到<h6></h6> 标题标签,数字越小字体越大{独行}
<p></p> 段落标签{独行}
<strong></strong>(已废弃) 强调,粗体
<em></em>(已废弃) 斜体
<i></i> 斜体
<hr></hr> 水平横线
<br/></br> 分行显示
<img> 图片标签
<a></a> 超链接
<div></div> 块标签
<form></form> 表单
<table></table> 表格
<tr></tr> 表格中的行
<td></td> 表格的单元格
<th></th> 加粗的单元格
<thead></thead> 表格的标签
<tbody></tbody> 表格的标签
<tfoot></tfoot> 表格的标签
<input/> 输入框
<select></select> 下拉列表
<option></option> 定义下拉列表中的一个选项
<textarea><textarea> 多行文本输入框
<abbr></abbr> 定义首字母缩写
<acronym></acronym> 定义首字母缩写
<label> input元素定义标签,进行关系绑定
<link></link> 文档与外部资源的关系
<style></style> 内部样式表与网页的关系
<font></font>(已废弃) 规定文本字体、大小和颜色
<u></u> 下划线
<s></s>(已废弃) 中划线
<b></b> 字体加粗
<sup></sup> 上标
<sub></sub> 下标
<div></div> 文档中的分区
<span></span> 组合文档中的行内元素
<br>(已废弃) 强制换行{单}
<hr/> 分割线
<center></center> 内容居中
<pre></pre> 预定义
<ul></ul> 无序列表
<ol></ol> 有序列表
<dl></dl> 定义列表
<li></li> 列表项
特殊符号 表示意思
&nbsp; 空格
&lt; 小于号
&gt; 大于号
&amp; 符号&
&quot; 双引号
&apos; 单引号
&copy; 版权©
&trade; 商标™
在早先发布的html规范中<br>/<hr>/<img>等标记元素是无需“封闭自身”的,这就造成了html规范本身的不严谨,所以后来参考了更规范的xml语言的语法推出了xhtml。

在xhtml中所有类似br这样的孤立标签都需要自行封闭,具体的做法就是在标签名字的后面跟个“/”,例如<br />,因此,是没有</br>这个写法的。从逻辑上讲<br />=<br>...</br>,这样做的目的是为了尽量减少网页的代码量,同时保持逻辑严谨。 所以在写这些单闭合标签,后边尽量加/如,<br/>,<hr/>,<img/>让逻辑更加严谨.

如果还想知道其它的html特殊字符:特殊字符参考表

查看各标签用法与前端教程:

前端常用英语单词表(未完待续)

单词 中文意思
charset{编码信息} 字符集,字元集
style 风格;时尚;类型;字体
stylesheet 样式表;文档的外部样式表
href 超文本引用;超链接
index 为…编索引;将…编入索引;
background-color{背景色} 背景颜色
src 标准要求代码
lang 语言(language)
images 图像,影像
alt{加载失败显示} 高音,最高调的
width{宽} 宽度,广度
ordered 有序的,整齐的
bordersquare{li标签方形} 平方的;正方形的
action{form 向哪发表单数据} 行动;活动;功能;战斗;情节
method{表单获取方法} 方法;条理;类函数
text 文本;课文;主题
radio 收音机;选择钮;单选钮
sex 性;性别;性行为;色情
checked{input默认选中} 选中的;已选取
datetime-local{input选择} 时间选择器
cols{多文本输入列} 报表列数
rows{多文本输入行} 行数
submit{input提交} 提交
active 积极的;活跃的
color{颜色} 颜色
yellow 黄色;黄皮肤
green 绿色的;青春的
red 红的;红色的
font-size{字体大小} 字体大小
height{style 元素高度} 高度;身高
display{style标签 显示} 展出;展示;显示
left 左边,左边的
right 右边,右边的
inline 行内的;排成一条线的
block 块;街区;障碍物;大块的
text-align 文本对齐
center{style标签 参数} 居中
line-height{style标签 元素} 行高
text-decoration{style 元素} 文字修饰;文本装饰
underline{文本修饰 参数} 下划线
none{文本修饰 参数} 无修饰
line-through{文本修饰 参数} 文字删除线
margin{style元素} 设置元素的边距 (可设置四个值)
padding{style 元素} 设置元素的填充 (可设置四个值)
border{style 标签 参数} 在一行设置四个边框的所有属性
outline{style 标签 参数} 在一行设置所有的outline属性
darkred 深红
greenyellow 黄绿色
!important{color后+优先调用} 重要的,重大的
border-radius{style 元素} 圆角;边框圆角
padding-top 顶部属性
solid{border参数方边框} 一致的;可靠的;立方体
visited{a标签 访问时颜色} 访问(互联网上的网站)
link{a标签 没访问的颜色} 连接;联系
hover{a标签 悬浮时颜色} 盘旋;悬浮
deeppink 深粉红色;深粉色;深粉红
deepskyblue 深天蓝色;深天藍色
float{div 重要 元素} 浮动;漂流;飘动
checkbox{input type 参数} 勾选框(方形)
first-letter{css 第一个字} 第一个字母样式
before{在..之前} 在……之前
after{在...以后} 在…以后
content 内容
padding-left 左填充
border-width{四边} 边框宽度(上右下左)
border-style{四边} 边框样式{上右下左}
dotted{border-style参数} 点线
dashed{border-style参数} 虚线
double{border-style参数} 双实线
border-color{四边} 边框宽度(上右下左)
border-top 上边框
border-left 左边框
border-right 右边框
border-bottom 底部边框;下边框
purple 紫色的
auto{margin 参数} 自动
visibility hidden 可见度隐藏的
overflow hidden 漫出;扩展出界;隐藏
scroll{overflow 参数} 滚屏;滚动
inherit 继承
position 位置;地方;正确位置
relative{position 参数} 相对定位
absolute{position 参数} 绝对定位
vertical-align 垂直对齐
list-style 列表样式
z-index 层级
background-image 背景图
background-repeat 调整背景图的位置
no-repeat 不平铺
background-position{两个参数} 背景位置{水平位置;垂直位置}
font-weight 字体加粗
transition: all .2s linear{移动} 全部直线过渡0.2秒
box-shadow{四个参数0 0 大小 颜色} 边框阴影
table-cell 单元格
middle 中间的;中部的
bottom 底部;末端
child 孩子
url("地址") no-repeat center top 背景图

上一篇:

下一篇: