一、HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
•HTML 标签是由尖括号包围的关键词,比如 <html>
•HTML 标签通常是成对出现的,比如 <b> 和 </b>
•标签对中的第一个标签是开始标签,第二个标签是结束标签
•开始和结束标签也被称为开放标签和闭合标签
•HTML 文档描述网页
•HTML 文档包含 HTML 标签和纯文本
•HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。
综上所述。网站是由网页构成的,网页是由HTML(网页)元素构成的。HTML元素是由HTML标签描述的。HTML标签 通常成对儿出现。开始 元素内容 结束。
二、HTML 元素语法
•HTML 元素以开始标签起始
•HTML 元素以结束标签终止
•元素的内容是开始标签与结束标签之间的内容
•某些 HTML 元素具有空内容(empty content)
•空元素在开始标签中进行关闭(以开始标签的结束而结束)
三、HTML框架标签
<body>的几个属性:bgcolor背景色 background背景图片 text文本颜色
四、HTML基本标签
①格式标签 <font color="#663399" face="微软雅黑" size="3">操作文字</font>
<b>字体加粗</b>
<i>倾斜</i>
<em>倾斜</em><!--更容易搜索到-->
<u>下划线</u><br>
<strong>字体加粗,强调语气</strong>
<center>居中</center>
<br/>换行
空格
<center>居中</center>
<!--我是标注标签-->
②内容标签
<h1>--<h6> 标题标签,其中好h1的字体最大,
<p>段落标签</p>
<div> 内容容器,网页布局用</div>
<span> 内容容器,区别在与DIV默认占一行,默认用多大空间占多大空间</span>
<ul>无序列表 里面的每一项用<li></li>
<ol>有序列表 里面的每一项用<li></li><br />
③常用标签:
超链接标签:<a href="http://www.baidu.com">这是一个超链接</a>
路径问题:手写路径怎么写
以该网页所在的位置为基础,如果找它的父级文件夹用../ 如果找它的子级文件夹用/ 直到找到图片为止
④ <a>标签中taget的属性:
_parent在父页面打开
_blank在新页面打开
_self在自身页面打开
_top在当前页面打开
⑤ 图片标签
<img src="show.jpg" alt="雕金玫瑰" width="300" height="200" /> <!--高度和宽度设置一个即可,因为图片会按照比例缩放,alt是在图片无法加载时,显示的文字,还可帮助搜索引擎搜索到-->
注:有序列表与无序列表
1、有序列表(显示1、2、3、。。。)
<ol type="1"><!--从1这个序号开始,type后可以填数字、字母,写几从几开始-->
<li>路飞</li> <li>娜美</li> <li>山治</li> </ol>
2.无序列表、无序列表(每列前显示一个黑点)
<ul> <li>山治</li> <li>路飞</li> <li>乌索普</li> </ul>
五、建立锚点
1.设置锚点,在要设置锚点的地方加一个a标签<a name="md"></a> #是本页面意思
2.设置跳转,在要跳转的地方加一个A标签<a href="#锚点名"></a>
3.设置跳转另一个页面,<a href="跳转页面的属性.html+#+name名"></a>