复习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>

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

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

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

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

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

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

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

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

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>

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

11、写入地址教程

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

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

14、依旧没学过加一

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


浙公网安备 33010602011771号