文章说明:黑色字体-已知,蓝色字体-所见即所得,红色字体-还需要再找资料弄明白的
参考资料:很多参考资料,段落下有原文链接到原作者
基本标签
1、html基本结构
基本标签:html、head、title、body
body常用属性有text(文字颜色)、background(背景图片)、bgcolor(背景颜色)。
注释:<!-- 注释内容 -->
<!DOCTYPE html><!--告诉游览器使用的规范-->
<html>
<head>
<title>网页标题</title>
<!--元素-->
</head>
<body>
<!--内容-->
</body>
</html>
2、转义字符
常用:
 (空格)、<(<)、>(>)、&cope(版权所有)
详细链接:https://blog.csdn.net/liubing8609/article/details/82695890
详细链接:https://blog.csdn.net/weixin_43254907/article/details/95815985
3、排版标签
<p> 标签:段落。常用属性:align(设定对齐方式),默认left 可选 left、right、center。
<br/> 标签:换行
<hr> 标签:生成一条水平线
常用属性:
align:对齐方式,可选值:left、right、center
size:线条粗细,以像素为单位,默认值为 2
width:长度,可以是绝对值和相对值,默认为 100%
color:颜色,默认为黑色
HTML 中数值单位
像素:默认单位是像素
百分比:总长度的百分比来表示
<!-- 设置段落后换行 -->
<p>这是一个段落</p><br/>
<!-- 设置水平线,左对齐,50%的长度,粗细为5个像素,颜色为红色 -->
<hr align=left width="50%" size=5 color="red"/>
4、字体标签
<font> 标签:设置文本的字体、大小、颜色。
常用属性:face(字体)、size(大小)、color(颜色)。
<h1-h6> 标签:定义标题大小。
<!--设置字体大小、颜色-->
<font size=7 color="red">这就是生活!</font>
<h1> 吃 </h1>
< b >< u >< i >< s > 标签
<b> 标签:加粗
<u> 标签:下划线
<i> 标签:斜体
<s> 标签:删除线
< sub >< sup > 标签
<sub> 标签:下标
<sup> 标签:上标
<body>
<b>加粗</b>
<u>下划线</u>
<i>斜体</i>
<s>删除线</s>
100<sup>2</sup