html从入门到放弃(1)-入门标签：标题、段落、图片和链接

来源：互联网发布：蓝牙音箱推荐知乎编辑：程序博客网时间：2024/06/14 00:41

每个标签的意思见注释信息：

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><!-- 设置背景颜色 --><bodybgcolor="#ffffff"><!-- 标题，最大h1 最小h6  --><h1 align="center">标题1</h1><!-- 新加入一个标签会自动空出一行，br本来就是表示空，不会在新增一行 --><h2 align="center">标题2</h2><!-- 下划线 --><hr/><!-- 段落,使用stytle来设置背景颜色，字体大小等. --><p align="center"style="color: blue;background-color: red;font-size: 30px;">我是一个段落，我是一个段落</p><!-- 段落中间换行用br --><p>我是第二个段落，第一行完毕<br />现在是第二行 </p><!-- 文本格式化，如果p设置了style,下面的子标签也设置了，那么实际显示会和子标签设置的一样 --><p align="center" style="font-size: 30px; "><bstyle="font-size: 10px;">文字加粗</b><br /><strong>加粗字体</strong><br /><em>斜体</em><br /><small>小号字体</small><br />表示上标：<sup>上标文本</sup><br />表示下标<sub style="font-size: 10px;">下标文本</sub><br /><!-- 带下划线的文本 --><ins>有下划线的文本</ins><br /><!-- 中间带有横线的文本 --><del>我是中间带有横线表示无效的文字</del></p><!-- 链接 --><a href="http://www.baidu.com">一个链接</a><!-- 换行 --><br/><!-- 图片 --><img  src="aa1.png" width="200" height="200"></body></html>

实际效果见于图：

阅读全文

0 0