一、 HTML的基本结构
<head>
<title>网页的标题</title>
<meta charset="utf-8"/>
</head>
<body>
写网页的主体
</body>
1.<html>内容</html>
解释：HTML文档的文档标记，也称为HTML开始标记
功能：表示网页的开始和结束
2.<head>内容</head>
解释：HTML文件头标记，也称为HTML头信息开始标记
功能：用来包含文件的基本信息，比如网页的标题、关键字，在内可以放
注意：当中的内容不会在浏览器当中显示
3.<title>内容</title>
解释：HTML的标题文件
功能：网页的主题，显示在浏览器的窗口的左上边！
4.<body>内容</body>
解释：HTML文档的主体标记
功能：…是网页的主体部分，在此标记之间可以包含如<p></p>、<h1></h1>、<br>、<hr>等等标记，正是由这些内容组成了我们所看见的网页
二、HTML的基本标签1、格式标签：
1、段落标签：格式：<p>你要分段的内容</p>
功能：对网页上的文字进行分段特点：间距比较大
2、换行标签格式：你要换行的文字后面直接加标签：<br/>注意：它是一个单标签
3、居中对齐标签格式：<center>你要居中的内容</center>让段落或者文字能够相对于父标签居中显示
2、文本标签
1、标题标签：格式：<h1>标题</h1>...<h6>标题</h6>
功能：定义网页中的文字标题特点： 标题标签独占一行
2、字体设置标签：格式：<font>要设置的文字</font>
功能：修改文字颜色、字体、大小。常用属性：
<font szie="12px">老王</font>
<font color ="red">字体改为红色</font>
<font face="微软雅黑">更改文字字体</font>
3、字体加粗/倾斜表示强调，通常为粗体字
</strong>
<b>字体加粗</b>
<em>表示强调
3.图像标签网页上面我们看到不仅有文字、还有图片,下面重点讲如何向网当中插入图片！
1、格式如下：<img src="图片路径" width="设置图片宽度" height="设置图片高度" border="边框" alt="图片"/>
2、<img/>标签常见属性详解
1.src属性作用：指定我们要加载的图片的路径和图片的名称以及图片格式2.width属性作用：指定图片的宽度，单位px、em、cm、mm3.height属性作用：指定图片的高度，单位px、em、cm、mm4.border属性作用：指定图标的边框宽度，单位px、em、cm、mm5.alt
属性作用1：当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字作用
2：如果图像没有下载或者加载失败，会用文字来代替图像显示作用
3：搜索引擎可以通过这个属性的文字来抓取图片四、网页上的特殊字符为什么会存在特殊字符？- 比如我们想在网页上面显示一个“<”小于符号，但是“<”在HTML中是文档标记的开始语言，如果我们直接使用“<”会出差错，所以我们就会一些实体名称来代替！
四、网页中的超链接
1、基本语法<a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>属性讲解- href
属性：链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等等
- target属性：1.作用：定义超链接的打开方式2.属性值：_blank：在一个新的窗口中打开链接
_seif(默认值)：在当前窗口中打开链接
_parent：在父窗口中打开页面（框架中使用较多）
_top：在顶层窗口中打开文件（框架中使用较多）name属性指定页面的锚点名称六、
代码的格式空格键和回车键在网页中都不会起到任何作用，我们为了让代码清晰易读，可以使用空格和回车键进行编排。
6851
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
