HTML之标签

一、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/>换行
    &nbsp; 空格
    <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>
原文地址:https://www.cnblogs.com/franky2015/p/4675677.html