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

目录

  • html常用标签
  • 前端常用英语单词表(未完待续)

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 背景图

原文地址:https://www.cnblogs.com/guokaifeng/p/10960330.html

时间: 2024-10-09 18:03:00

html常用标签,常用英语单词的相关文章

HTML常用标签总结

学习前端开发,第一步要学习的绝对是HTML. 什么是HTML? HTML 是(Hyper Text Markup Language)四个单词的缩写,翻译过来就是超文本标记语言, 所以它不是一门编程语言,只是一门标记语言. 学习html的第一步就是需要学习它的标签如何使用.这个没有什么技巧,全靠平时多练习多用,才能达到熟能生巧的境界. Html一共有一百一十多个标签(包含html5的新标签),如果想要全部掌握还真得费不少功夫,但是实际开发中经常用到的也就四五十个,有很多都是不常用的,如果一个不落的

Day47:HTML(简介及常用标签)

一.HTML简介 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则. 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容.但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容性). 静态网页文件扩展名:.html 或 .htm. HTML 不是一种编程语言,而是一种标记语言 (markup language).HTML 使用标记标签来描述网页. html

49、html基础认识&amp;常用标签(1)

从今天期我们进入前端的学习,先学习html,没有任何复杂难懂的逻辑需要烧脑,只需要记忆.练习.练习.练习. 一.HTML初识 1.web服务本质 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8081)) sock.listen(5) while True: print("server is working.....")

smarty前端常用标签

{* {extends file='blockparent.tpl'} *} {*必须放在模板的第一行,如果要用子模板来扩展父模板,那么它只能有{block}的区域任何其他模板的内容将被忽略*} {config_load file='config.conf'}{*载入配置文件*} <html> <head> <meta charset='utf-8' /> <style type="text/css"> .nav{ margin-left

帝国CMS文章随机调用等一些常用标签

显示一周内信息点击排行 [e:loop={'news',10,18,0,'newstime>UNIX_TIMESTAMP()-86400*7','onclick desc'}]<a href="<?=$bqsr[titleurl]?>" target="_blank"><?=$bqr[title]?></a><br>[/e:loop] 发个灵动标签技巧,多少天内的信息显示new字样 <table

HTML(简介及常用标签)

一.HTML简介 1.1 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则. 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容.但需要注意的是,对于不同的浏览器,对同一标签可能会有不完全相同的解释(兼容性). 静态网页文件扩展名:.html 或 .htm. HTML 不是一种编程语言,而是一种标记语言 (markup language).HTML 使用标记标签来描述网页.

HTML常用标签及HTML语义化理解

HTML常用标签 作为一名准前端开发工程师,虽然我们可以在遇到不熟悉的HTML标签时查询MDN,但是我们也应该记住大部分常用HTML标签的用法,以免影响工作效率. 以下就是我通过网络资料整理的HTML常用标签及其用法,希望能帮助到更多新入门的同学,而且也可以梳理一下自身关于HTML的知识体系,达到巩固知识的作用. div div标签用于组合其他HTML元素,本身无实在意义.常用于页面的布局,比如一个展开式的广告页面框架大致如下: <body> <div id="wrap-con

第1部分 html常用标签

一.HTML常用标签 <!DOCTYPE html>第一行的 DOCTYPE 表示文档类型,这是HTML5的标准格式 <html lang="zh-CN"></html> 在 html 标签中要设置语言,英语是:en,中文是:zh-CN <meta charset="UTF-8"> 在 meta 标签中一定要设置字符集,是文档存储时用的字符集,还可以设置 GBK 1.排版标签 <h1></h1>

03-HTML常用标签和路径

人生苦短,要学就只学有用的 [前端教学-Html-2] HTML常用标签和路径 学习目标 理解: 相对路径三种形式 应用 排版标签 文本格式化标签 图像标签 链接 相对路径,绝对路径的使用 1. HTML常用标签 首先 HTML和CSS是两种完全不同的语言,我们学的是结构,就只写HTML标签,认识标签就可以了. 不会再给结构标签指定样式了. HTML标签有很多,这里我们学习最为常用的,后面有些较少用的,我们可以查下手册就可以了. 这里多嘴一下:一定要多去查手册,因为对于我们后面的学习来说,大部分