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://m.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";