一、基础标签

1、<h1>first</h1> 表示输入的文字h1、h2...h6文字一次变小；
2、<p>我是一个段落</p>表示段落，文字颜色相对于h标签浅；
3、<a href="https://www.jianshu.com/"><img src="ic_launcher_round.png"></a> 表示的为链接，<img src="ic_launcher_round.png">可以替换为文字，当前为图片；
4、<img src="ic_launcher_round.png" width="192" height="192"> 表示为图片
5、<head> 表示html主体元素
6、<table >阿斯顿发放wjefqhewfh</table> 表示表格属性
7、

表示水平横线
8、<br /> 插入单个折行（换行）。一个空行

二、字体相关标签-------->文本格式化

1、文本格式化

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="background-color: #58a1bd;margin-left: 80px ;margin-top: 80px">
<b>粗字体</b>
<br/>
<big>大字体</big>
<br/>
<em>着重字体</em>
<br/>
<i>斜体</i>
<br/>
<small>小字体</small>
<br/>
<strong>加重语气</strong>
<br/>
<sub>下标字体</sub>
<br/>
<sup>上标字体</sup>
<br/>
<ins>插入字体</ins>
<br/>
<del>删除字体</del>
<br/>
</body>
</html>

表现形式：

文本格式化样例

2、预格式文本—保留了空格和空行

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="background-color: #58a1bd;margin-left: 80px ;margin-top: 80px">
<pre>预格式化文本包含 换行 空格
</pre>
<pre>for(int i=0;i<100;i++){tvNum.setText(i);}
</pre>
</body>
</html>

预文本样例

3、计算机输出标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="background-color: #58a1bd;margin-left: 80px ;margin-top: 80px">
<code> 计算机输出标签</code>
<br/>
<tt>样例标签，tt 过时了</tt>
<br/>
<samp>这个还没过时</samp>
<br/>
<var>这个标签也没过时</var>
<br/>
<p><b>注释：</b> 这些标签用于计算机/变成代码
</p></body>
</html>

计算机输出标签样例

4、其他标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="background-color: #58a1bd;margin-left: 80px ;margin-top: 80px">
<!--地址标签-->
<address>这个是地址标签：<!--链接到简书吧--><a href="https://www.jianshu.com/">简书</a>
</address>
<br/>
<!--这个标签可以使得鼠标移动到显示文字上面出现提示内容-->
<acronym title="居然也过时了">这个标签过时了，无法截屏，需要自己尝试
</acronym>
<!--文字朝向标签-->
<br/>
<h6>以下文字从右侧开始读取，听我的准没错</h6>
<bdo dir="rtl">我要学混编</bdo>
<br/>
<h6>长引用</h6>
<blockquote>
很长的的引用，虽然我不知道干嘛的。
但是就是引用。大概就这些吧。
</blockquote>
<br/>
<h6>以下为短引用</h6>
<q>这个就是个短引用</q>
<br/>
<p>带有删除线的文字：<del>带有删除线的文字</del><br/>带有下划线的文字：<ins>带有下划线的文字</ins>
</p>
</body>
</html>

如上代码样例

Html元素~~标签学习相关推荐

Html5学习笔记1 元素标签属性
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
替换元素和非替换元素的学习
替换元素和非替换元素的学习 @(元素)[妙瞳] 引言元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也翻译为"盒子").但是不同的元素显示的方式会 ...
HTML头部元素标签
文章目录 1.HTML - head元素 2.HTML - title元素 3.HTML - base元素 4.HTML - link元素 5.HTML - style元素 6.HTML - meta ...
HTML-form标签学习_015
HTML-form标签学习 HTML 中 <form> 元素表示了文档中的一个区域,这个区域包含有交互控制元件,用来向web服务器提交信息. 可以用 :valid 和:invalid CS ...
论文阅读笔记——Multi-Label Learning with Global and Local Label Correlation（具有全局和局部标签相关性的多标签学习）
目录方法一.低秩矩阵二.矩阵填充三.矩阵分解四.模型 (1)利用标签相关性:使用标签相关性来规范模型: (2)全局和局部标签相关性可能共存,引入标号流形正则化来合并全局和局部标签: (3)学 ...
html文本显示状态代码中表示什么,HTML文本元素标签
表示关键字和产品名称如:查看效果效果:加粗查看效果表示重要的文字如:查看效果效果:加粗查看效果强制换行如: 查看效果效果:在浏览器显示换行查看效果安全换行,一般只用于英文 ...
HTML页面制作标签学习
HTML 1.快速入门: 语法 html文档后缀名.heml或者.htm 标签分为围堵标签:有开始标签和结束标签.如< html>< /html> 自闭和标签:开始标签和结束 ...
DEDECMS模板原理、模板标签学习
(转)DEDECMS模板原理.模板标签学习 - .Little Hann 本文,小瀚想和大家一起来学习一下DEDECMS中目前所使用的模板技术的原理: 什么是编译式模板.解释式模板,它们的区别是什么? ...
HTML的部分标签学习
HTML的学习 HTML HTML的概念和三大基石和标准文档流 HTML的head标签学习示例源码: HTML的body标签 HTML的body标签(文本标签) 代码示例: HTML的body标签( ...
html主题部分标签,html5 section元素标签
html5 元素标签 HTML标签元素教程篇在HTML5中新增加标签. 一.section介绍与语法结构 section英文翻译为: 部分.段.截面.章节.章.分段等意思 html5 section ...

Html元素~~标签学习