2024年04月15日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客
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="http://lmcjl.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";
本文链接：http://so.lmcjl.com/news/2153/