HTML的实际演练1

1、HTML介绍

一个网站的建立都是HTML的,例如大家可以打开F12就可以看到浏览器的一个开发者模式,就可以看到网页的源代码了;

当然这网页他有很多的标签编写组成的,有的显示文字,段落,有的是个超链接,不同的标签的功能,具体的任务就是给用户呈现一个丰富的可以很好使用的web网站,比如一个学校的有学生,有语数外老师,大家都各个教各自的,不能让体育教数学,不然就该有人吐槽了,说“”数学是体育老师教的“”,哈哈开个玩笑;

2、HTML的标题:

HTML标题(heading)是通过<h1>-<h6>等标签来进行定义的
<h1>this is a heading</h1>
<h2>this is a heading</h2>
<h3>this is a heading</h3>

3、head定义和用法:
<head>标签用于定义文档的头部,他是所有的头部元素的容器,<head>中的元素可以引用脚本,指示浏览器在哪里找到样式表,提示元信息;

<html>
<head>

<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>

4、HTML的段落是通过<p>来定义的
<p>这是一个段落</p>
<p>这是第二个段落</p>/

5、HTML的链接:

html的链接是通过<a>标签进行定义的
<a>标签用于定义超链接,用于从一张页面链接跳转到另一张页面
</a>元素最重要的属性是href属性,它指示链接的目标
<a href="http://www.baidu.com">这是百度链接地址</a>

 6、HTML图像:
HTML的图像是通过<img>标签来定义的
<img src='w3cs.jpg' width='102' height='142'/>

 7、HTML的注释:
可以将注释插入HTML代码中,可以提高其可读性,是代码更易被人理解,浏览器会忽略注释,也不会显示他们,注释是这样写的:

<!--这是一段注释。注释不会在浏览器中显示。-->
<p>这是一段普通的段落。</p>

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>博客地址</title>
 6 </head>
 7 <body>
 8 <h2>学习博客</h2>
 9 <p>自己摸索前进</p>
10 <p>这个过程很慢</p>
11 <a href='http://www.baidu.com'>百度</a>
12 </body>
13 </html>

 

原文地址:https://www.cnblogs.com/surewing/p/7858376.html