复习HTML资料基础篇(1)

注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

所以学习第一步需要会新建一个网页

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

image

 1、写段落用的标签<P></P>

image

 2、写标题用的标签<h1></h1><h2></h2>…………

image

 3、使用href属性加入链接,冒号中可以写入想要跳转的网页页面,点击即可跳转

image

 4、插入图片使用src插入目录中的图片,width为宽度,height为高度,都可调节

image

 5、在标题中插入注释!<--注释-->不会显示在浏览器中,主要用来给自己做注解

image

 6、插入水平线标签<hr></hr>为水平线:

image

 7、如下解释已经解释的很清楚了,字面意思段落

image

 8、通过<br>进行折行(这个我第一次见到,之前好像没有学过)

image

 9、一些好用的标签

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>

<body>

<b>这个文本是加粗的</b>

<br />

<strong>这个文本是加粗的</strong>

<br />

<big>这个文本字体放大</big>

<br />

<em>这个文本是斜体的</em>

<br />

<i>这个文本是斜体的</i>

<br />

<small>这个文本是缩小的</small>

<br />

这个文本包含
<sub>下标</sub>

<br />

这个文本包含
<sup>上标</sup>

</body>
</html>

image

 10、<pre></pre>可以控制空格,说明这个表情可以看见空格(这个之前也没有见过)

image

 11、写入地址教程

image

 12、鼠标移动上去可显示缩写

image

 13、可以把文字改成从右到左(神奇,但是不知道有什么用)

image

 14、依旧没学过加一

image

 15、下划线和删除线,其实就是英文的前三个字母

image

posted @ 2026-01-10 14:32  东边会有yu  阅读(2)  评论(0)    收藏  举报