1.网页标题

  语法:<hx>网页标题内容</hx>(x为1-6)

  eg:

<h3>技术教程网</h3>

  注:h1~h6字体逐渐缩小,都有加粗效果

  2.段落文本

  语法:

<p>段落文本内容</p>

  3.空格(html转义字符)

   注:>">"<"<"

  4.强制换行

  语法:

<br/>

  5.加粗

  语法:

<strong>加粗</strong>
<b>加粗</b>

  6.倾斜

  语法:

<i>倾斜</i>
<em>倾斜</em>

  7.水平分隔线

  语法:

<hr/>

  8.上标和下标

  语法

<!-- 上标 -->
<sup>5</sup>
<!-- 下标 -->
<sub>5</sub>

  9.无序列表

  语法:

<ul>
<li>内容</li>
<li>内容</li>
</ul>

  10.有序列表

  语法:

<ol>
<li>内容</li>
<li>内容</li>
</ol>

  11.自定义列表

  语法:

<dl>
<dt>名词</dt>
<dd>解释...</dd>
<dd>解释...</dd>
</dl>

  12.图片

  语法:<img src="图片路径"width="数值"height="数值"title="提示信息"alt="替换信息"/>

  eg:

<img src="1.jpg" width="200" height="100" title="技术教程网" alt="图片加载失败"/>

  注:alt和title的区别

  title是当鼠标悬停在图片上时显示的提示信息

  alt是当图片由于某些原因无法正常加载时显示的替换信息

  13.超链接

  语法:<a href="链接地址"target="_blank"title="提示信息">链接文本或图片</a>

  eg:

<a href="https://www.jishujc.com/" target="_blank" title="提示">技术教程网</a>

<a href="#">技术教程网</a>
<!-- (空连接地址,跳转至本页面) -->

  注:target="_blank"链接在新窗口打开

  target="_self"链接在本页面打开

  14.表格

  作用:显示数据

  语法:

<table border="1" cellspacing="0" cellpadding="0">
<tr height="30" align="center">
    <td width="100">...</td>
    <td width="100">...</td>
</tr>
</table>

  注:table表格相关属性

  ①border设置表格边框

  ②cellspacing设置单元格间距

  ③cellpadding设置内容和单元格之间的空隙

  ④width定义单元格或表格的宽度

  ⑤height定义单元格或表格的高度

  ⑥colspan合并列(加载td上)↔

  ⑦rowspan合并行(加载td上)↕

  ⑧align定义单元格内容的对齐方式align="left|center|right";