【html】html教程1
html的基本结构
文档申明
标志是：<!DOCTYPE HTML>
<!DOCTYPE HTML>声明这是一个HTML文档。
html标签对
标志是：<html></html>
<html>标签的作用相当于程序在告诉网页浏览器，整个网页是从<html>这里开始的，然后到</html>结束
head标签对
标志是：<head></head>
head标签是页面的头部。
body标签对
标志是：<body></body>
body标签是页面的身体，一般网页绝大多数的标签代码都是在这里进行编写。
基本结构
html的基本结构式包含文档申明，html标签对，head标签对，body标签对和title标签对的结构，具体代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
</body>
</html>
段落标签
HTML的段落标签标志是：<p></p>。
在HTML编写的过程中，我们手动的敲换行是没有任何用的，也就是说无论我们敲多少空格，在显示时只显示一个空格。
每个P标签就是一个段落，HTML会忽略在文本编辑器中输入的回车，想要在网页中开始一个新的段落，应该使用p元素来表示一个新段塔。
比如：有一段文字，是一个段落，那么可以这样表示：
<p>今朝有酒今朝醉，</p>
<p>莫使金樽空对月。</p>
如果不用P标签，直接将
今朝有酒今朝醉，
莫使金樽空对月。
这样放到代码中，它就不会换行。
段落之间是有间隔的，使用段落标签，则预示着它与其他的文字是有间隔分开的。效果相当于换行，但不是换行，因为它表述的意思是：段落。如下图所示:
空格标签
在HTML中代表空格的标志是： 【 】
在html代码中每输入一个【 】这样的符号，就表示一个空格，输入十个这样的【 】符号 ，页面中就显示10个空格位置。而在html代码中输入“ ”这样的空格，不管输入多少个空格，最终在页面中显示的空格位置只有一个。
标题标签
在HTML中可定义标题的标志是：<h1>: <h6>
<h1> 定义最大的标题。<h6> 定义最小的标题。
在一个网页中可以适当的使用H标签，有利于网页的重点部分文字突出，但切忌不要多用滥用这个标签，适当使用即可，一切从用户体验出发来使用。
图片标签
在HTML中定义图片标签的标志是：<img src=“…” />
图片标签，用来显示图片。
在html网页中，我们经常会看到一些很漂亮、很酷的图片。
这些图片是到底是怎样引入到网页中显示的呢？看起来有点不可思议，其实并没有我们想象中的那么复杂，只需要使用html中的<img>标签就能实现。
img 元素向网页中嵌入一幅图像。“img”是英文单词“image”的缩写，就是“图像”的意思。
但是我们要注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。
注释标签
在HTML中表示注释的标志是：<!--内容-->
一套完整的代码可以让人眼花缭乱，当程序员想要对某些部分进行修改的时候，可能要花很多的时间去找出那部分的代码。
就像我们在文章中给重要的部分进行标记、做记号一样，在代码里可以使用到“注释标签”来对一些代码进行注解。
注释标签不会在可视化界面当中显示，因为它只是程序员们用来标注说明的一个小玩意，用来对一些代码程序进行解释，也方便后来者能够快速地接手并且理解其用处。
在我们写 html 代码的时候，往往需要进行说明该行代码或该段代码是用来做什么的。这个时候我们就需要用到 html 注释标签了，html 注释标签和其它语言的注释不太一样。比如：JavaScript、php、java等语言都有单行注释和多行注释，但是 html 注释标签只有一个，单行和多行都是使用同一个标签来注释的。
而且大家一定要注意，HTML中的注释标签在开始标签中有一个惊叹号，但是结束标签中没有一个惊叹号的。
633
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
