HTML 概述
- 了解HTML 作用
- 了解HTML 基本结构
- 识别HTML 语言
HTML是什么
超文本标记语言（Hyper Text Markup Language, HTML），就是我们看到的网页：
- 浏览器的接收来自于浏览器的网页源码。
- 经过浏览器渲染后的画面
准备一个页面，名为welcom.html。
<html>
<head>
<title> WELCOME </title>
</head>
<body>
hello，word
<h1>Welcome to Beijing!<h1/>
</body>
</html>
通过两句话得到对比，可知标签（尖括号包含关键字）的重要作用，能够对文本进行精准控制。
<h1>标签的作用就是加粗加大
常用的HTML标签
title 标签
<title>标签，浏览器标签页的标题
<title> WELCOME </title>
meta标签
<meta>是对文档起到解释和说明的作用
<met name =" " content =" "/>
meta 是标签的名字，name和content 是meta标签的属性。
不同的属性值代表不同的含义：
- keywords 是 name 属性的属性值，代表整个页面的关键字，有利于搜索引擎搜索
- description 是 那么 属性的属性值，代表页面的描述性信息。
乱码问题，浏览器查看HTML文档时，所使用的编码与HTML文档原来的编码不一致造成的。
<meta charset="utf-8" />
标题标签
<h1>~<h6>定义了文档标题
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
数字越大，字体越小，自动换行，前后隔行
段落标签
<p>定义了一个单独的段落,
<p>窗前明月光，</p>
<p>疑是地上霜。</p>
<p>举头望明月，</p>
<p>低头思故乡。</p>
自动换行，前后隔行
br 标签
HTML中，换行回车符在代码中有效，但是浏览器中无效。想在浏览器中实现换行效果需要使用<br/>
窗前明月光，</br>
疑是地上霜。</br>
举头望明月，</br>
低头思故乡。</br>
hr 标签
利用标签<hr> 来实现水平线的效果。
超链接
超文本链接，能够实现从一个页面转到另外一个页面，也就是 URL 跳转。
<a>标签完成超链接功能。
- 双标签
- 标签中文字，是显示在页面中的。
- 标签内部又属性，属性又属性值
<a href="show.php？id=33" target="_blank">后台登录</a>
href 属性
使用 href 属性知道页面跳转地址。
- 相对路径：以当前路径作为起点，进行URL跳转。
- 绝对路径：以根作为起点，进行URL跳转。
target 属性
说明浏览器是否从新的标签页打开超链接。
在新的标签页打开
target="_blank"
在当前标签页打开（缺省值）：
target=""
回到顶部
<a href = name = "top" id = "top"></a>
<a href = "#top">回到顶部</a>
图片标签
在HTML网页中插入图片，可以利用<img>标签来实现。引入图片的时候需要指明图片的来源。
<img>是单标签
<img src=”imagrs/logo.gif“ width="396" height="78" border="0">
使用 src 属性，指定图片的路径（绝对路径，相对路径）；
width 和 heigth 指定图片的宽和高，单位是像素（px）。当仅指定宽高其中一种属性的时候，图片会等比例缩放。也可以使用百分比的形式指定宽高，宽高相对于父元素来说的。
<img>发起的是GET请求
可以将图片进行编码，强行塞进HTML文档中
扫一扫
3354
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
