这篇文章介绍的内容是关于HTML学习笔记一 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
在点击打开链接的学习总结。
HTML常用的标签及解释
1、基本格式框架
<h1>标题</h1> <p>段落</p>
2、文本格式化标签
<b>粗体</b> <big>大号字</big> <em>着重字(粗)</em> <i>斜体字</i> <strong>加强语气(粗)</strong> <sub>下标</sub><sup>上标</sup><ins>插入字</ins> <del>删除字</del>
3、链接
<a> this is a link </a>
其中,href=超链接,target="_blank"表示在新窗口打开文件。
注意,两者之间用空格。
有一种特殊情况是使用name属性,可以转跳到name属性定义的锚。
<a>基本的注意事项 - 有用的提示</a> . . . <a>跳转到tips标签处</a>
注意,引用锚时要在名字前面加#。
4、图像
@@##@@
其中,src存放图片所在地址;
alt属性表示替换文本,即当图片不能加载是所显示的文字说明;
width和height用于设置图片的长度和宽度;
另外,图像还有一个属性border用于规定图像边框的宽度。
5、改变属性的通用方法——style
<h2> 标题 </h2>
其中,background-color用于设置背景颜色;
font-family用于设置字体;
color用于设置(标题)字体颜色;
font-size用于设置字体大小;
text-align:center居中。
6、引用
第一种:相当于“”。
<q>所要引用的话</q>
第二种:长引用,自动缩进,cite表示出处地址(可省略)。
<blockquote>......</blockquote>
第三种:缩略词,鼠标放到缩略词上会显示完整内容,即title。
<abbr>WHO</abbr>
第四种:地址(联系信息),自动斜体,并且前后自动加换行。
<br>
<address>我是地址</address>
第五种:著作标题,自动斜体。
<cite>老人与海</cite>
特别的,双向重写,dir="rtl"为从右向左书写
<bdo>从右向左</bdo>
7、计算机代码
<kbd>键盘输入</kbd> <samp>计算机输出示例</samp> <code>代码</code> <pre class="brush:php;toolbar:false;">文本数学公式
其中,前三种均不保留空格和换行,如果要保持文本的原有格式,请使用第四种,
保留换行。<p><br></p><p>8、创建图像映射<br></p><pre class="brush:html;toolbar:false;"> <p>请点击图像上的星球,把它们放大。</p> @@##@@ <map><area shape="circle" coords="180,139,14" href target alt="Venus"> <area shape="rect" coords="0,0,110,260" href target alt="Sun"></map>
其中,
定义图像地图的可点击区域,包含的属性:
shape规定区域的形状
coords规定区域的(x,y)坐标,左上角为(0,0);比如(x,y,z),xy表示圆心,z表示半径
中的usemap属性引用map中的id或name属性。
9、其他
-------换行
-------水平线
---------注释

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











