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