html标签有哪些(html添加边框代码)

　　html标签有哪些

1.1HTML语法规则：
1.HTML标签是由尖括号包围的关键词，例如。2.HTML标签通常是成对呈现的，例如和，咱们称为**双标签**。3.签。标签对中的第一个标签是开端标签，第二个标签是完毕标签。
有些特别的标签有必要是单个标签（很少状况），例如
，咱们称为单标签。
1.2标签的联系：
双标签联系能够分为两类：包括联系和并排联系包括标签：
并排联系：
1.3根本结构标签：
每个网页都会有一个根本的结构标签（也称为骨架标签），页面内容也是在这些根本标签上书写
1.4开发工具：
VSCode的运用：
1.双击打开软件。
2.新建文件（Ctrl+N）。
3.保存（Ctrl+S）,留意移动要保存为.html文件
4.Ctrl+加号键，Ctrl+减号键能够扩大缩小视图
5.生成页面骨架结构。输入!按下Tab键。
6.运用插件在浏览器中预览页面：单击鼠标右键，在弹出窗口中点击“OpenInDefaultBrowser”。
DOCTYPE文档类型声明标签,告知浏览器这个页面采取html5版本来显现页面.
lang言语种类
用来界说其时文档显现的言语。
en界说言语为英语zh-CN界说言语为中文简略来说,界说为en便是英文网页,界说为
zh-CN便是中文
简略来说,界说为en便是英文网页,界说为zh-CN便是中文网页
其实对于文档显现来说，界说成en的文档也能够显现中文，界说成zh-CN的文档也能够显现英文
这个特色对浏览器和搜索引擎(百度.谷歌等)还是有作用的
字符集：
1.字符集(Characterset)是多个字符的调集。以便计算机能够辨认和存储各种文字。
2.在标签内，能够通过标签的charset特色来规定HTML文档应该运用哪种字符编码。
3.
4.charset常用的值有：GB2312、BIG5、GBK和UTF-8，其间UTF-8也被称为万国码，根本包括了全世界所有国家需求用到的字符.
5.留意：上面语法是有必要要写的代码，不然可能引起乱码的状况。一般状况下，一致运用“UTF-8”编码，尽量一致写成标准的”UTF-8″，不要写成”utf8″或”UTF8″。
1.5语义化标签：
学习标签是有技巧的，要点是记住每个标签的语义。简略理解便是指标签的意义，即这个标签是用来干嘛的。
1.6什么是语义化标签：
根据标签的语义，在合适的地方给一个最为合理的标签，能够让页面结构更明晰。下图没有语义化标签：
1.7增加语义标签：
二、常用的标签：
2.1标题标签
**标题标签
–
（重要）**为了使网页更具有语义化，咱们常常会在页面中用到标题标签。HTML提供了6个等级的网页标题，即
–
。详细完成：
我是一级标题
特色：1.加了标题的文字会变的加粗，字号也会顺次变大。2.一个标题独占一行。来！！！左边。。。右边。。。中间：
标题总共六级选,
文字加粗一行显。
由大到小顺次减，
从重到轻随之变。
语法规范书写后，
详细作用刷新见。
2.2阶段标签：
在网页中，要把文字有条理地显现出来，就需求将这些文字分段显现。在HTML标签中，
标签用于界说阶段，它能够将整个网页分为若干个阶段。详细完成：
我是一个阶段标签
特色：1.文本在一个阶段中会根据浏览器窗口的大小主动换行。2.阶段和阶段之间保有空隙。
2.3换行标签
在HTML中，一个阶段中的文字会从左到右顺次摆放，直到浏览器窗口的右端，然后才主动换行。假如希望某段文本强制换行显现，就需求运用换行标签
。详细完成：
特色：1.
是个单标签。2.
标签仅仅简略地开端新的一行，跟阶段不一样，阶段之间会刺进一些垂直的距离。
2.4文本格局化标签：
在网页中，有时需求为文字设置粗体、斜体或下划线等作用，这时就需求用到HTML中的文本格局化标签，使文字以特别的方法显现。
2.5div和span标签
和是没有语义的，它们便是一个盒子，用来装内容的。详细完成：
这是头部
今天价格特色：1.
标签用来布局，可是现在一行只能放一个
。大盒子2.标签用来布局，一行上能够多个。小盒子
2.6图片标签：
在HTML标签中，标签用于界说HTML页面中的图画。详细完成：解释：src是标签的有必要特色，它用于指定图画文件的途径和文件名。所谓特色：简略理解便是属于这个图画标签的特性。图画标签的其他特色：
图画标签留意点：
1.图画标签能够拥有多个特色，有必要写在标签名的后边。
2.特色之间不分先后顺序，标签名与特色、特色与特色之间均以空格分开。
3.特色采取键值对的格局，即key=“value”的格局，特色=“特色值”。
2.7途径：
分为相对途径和绝对途径：**途径之相对途径**相对途径：以引证文件所在方位为参考根底，而树立出的目录途径。这儿简略来说，图片相对于HTML页面的方位
特色：相对途径是从代码所在的这个文件动身，去寻觅方针文件的，而咱们这儿所说的上一级、下一级和同一级便是图片相对于HTML页面的方位。
途径之绝对途径：
绝对途径：
1.是指目录下的绝对方位，直接抵达方针方位，通常是从盘符开端的途径。例如，“D:\web\img\logo.gif”或完好的网络地址“http://www.itcast.cn/images/logo.gif”
2.8链接标签：
链接的语法格局文本或图画特色：1.href：用于指定链接方针的url地址2.target:用于指定链接页面的打开方法_self默认值_blank新窗口打开3.#：空链接
链接分类：
1.外部链接:例如<ahref=”http://www.baidu.com”data-ke-src=”http://www.baidu.com”>百度。
2.内部链接:网站内部页面之间的彼此链接.直接链接内部页面名称即可，例如<ahref=”index.html”data-ke-src=”index.html”>首页。
3.空链接:假如其时没有确认链接方针时，<ahref=”#”data-ke-src=”#”>首页。
4.下载链接:假如href里面地址是一个文件或许压缩包，会下载这个文件。
5.网页元素链接:在网页中的各种网页元素，如文本、图画、表格、音频、视频等都能够增加超链接.
6.锚点链接:点咱们点击链接,能够快速定位到页面中的某个方位.+在链接文本的href特色中，设置特色值为#姓名的形式，如第2集+找到方针方位标签，里面增加一个id特色=刚才的姓名，如：
第2集介绍
三、注释相关学习
3.1注释
假如需求在HTML文档中增加一些便于阅读和理解但又不需求显现在页面中的注释文字，就需求运用注释标签。
HTML中的注释以“”完毕。详细完成：快捷键:ctrl+/一句话:注释标签里面的内容是给程序猿看的,这个代码是不执行不显现到页面中的.增加注释是为了更好地解释代码的功用，便于相关开发人员理解和阅读代码，程序是不会执行注释内容的
2.3特别字符：
在HTML页面中，一些特别的符号很难或许不方便直接运用，此刻咱们就能够运用下面的字符来替代。
要点记住：空格、大于号、小于号这三个，其他的运用很少，假如需求回头查阅即可。

html添加边框代码

一：单线框代码如下：
style=”BORDER-RIGHT:#ff00003pxsolid;BORDER-TOP:#ff00003px
solid;BORDER-LEFT:#ff00003pxsolid;BORDER-BOTTOM:#ff00003px
solid”>文字内容
作用：
文字内容
二：双线框代码如下：
style=”BORDER-RIGHT:green5pxdouble;BORDER-TOP:green5px
double;BORDER-LEFT:green5pxdouble;BORDER-BOTTOM:green5px
double”>文字内容
作用：
文字内容
三：凸出框代码如下：
style=”BORDER-RIGHT:#ff88ff25pxoutset;BORDER-TOP:#ff88ff25px
outset;BORDER-LEFT:#ff88ff25pxoutset;BORDER-BOTTOM:#ff88ff
25px
outset”>文字内容
作用：
文字内容
四：邮票框代码如下：
style=”BORDER-RIGHT:#f6ae563pxdashed;BORDER-TOP:#f6ae563px
dashed;BORDER-LEFT:#f6ae563pxdashed;BORDER-BOTTOM:#f6ae563px
dashed”cellSpacing=5cellPadding=0
bgColor=#f6ae56>
align=middle
bgColor=#aeffae>文字内容
作用：
文字内容
五：虚线框代码如下：
style=”BORDER-RIGHT:#ff00004pxdashed;BORDER-TOP:#ff00004px
dashed;BORDER-LEFT:#ff00004pxdashed;BORDER-BOTTOM:#ff00004px
dashed”>文字内容
作用：
文字内容
六：凹槽框代码如下：
style=”BORDER-RIGHT:green25pxgroove;BORDER-TOP:green25px
groove;BORDER-LEFT:green25pxgroove;BORDER-BOTTOM:green25px
groove”>文字内容
作用：
文字内容