html-常用标签

一:标签分类

  标签分为两类:块级标签和行内标签

  常用行内标签:a,span,select等

  常用块级标签:div,h1,p等

二:各种标签

  1)各种符号

    比如   >   < 要想空格大于两个以上,可以使用 

    http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html

  2)p和br

    p表示段落,默认段落之间是有间隔的!

    <br/> 是换行

   3)a标签和锚

     <a> 标签的方式     

通过使用 href 属性 - 创建指向另一个文档的链接通

      过使用 name 属性 - 创建文档内的书签

      使用 Target 属性,你可以定义被链接的文档在何处显示

      name 属性规定锚(anchor)的名称      用法href="#ID或者name名"

<a href="http://www.w3school.com.cn/">Visit W3School</a>
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
<a name="label">锚(显示在页面上的文本)</a> 
<p>
<a href="#C4">查看 Chapter 4。</a> 调用NAME
<a href="#mao">查看 lalal。</a> 调用ID
</p>

<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>

<div style="height: 20000px;background-color: red"></div>


<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<div id="mao"><p>lalal</p></div>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>

 

   4)标题标签

    <h1> 定义最大的标题。<h6> 定义最小的标题。   

    <hr /> 标签在 HTML 页面中创建水平线。

    hr 元素可用于分隔内容。

  5)div 标签

    <div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位

    HTML5 语义元素

header 定义文档或节的页眉
nav 定义导航链接的容器
section 定义文档中的节
article 定义独立的自包含文章
aside 定义内容之外的内容(比如侧栏)
footer 定义文档或节的页脚
details 定义额外的细节
summary 定义 details 元素的标题

    6) <span> 元素是内联元素,可用作文本的容器

    7)img标签

      属性(src):值是图像的 URL 地址

      alt 属性:用来为图像定义一串预备的可替换的文本

    

三:总结 

 所有标签分为:
  块级标签: div(白板),H系列(加大加粗),p标签(段落和段落之间有间距)
  行内标签: span(白板)
  标签之间可以嵌套
  标签存在的意义,css操作,js操作
  ps:chorme审查元素的使用
    - 定位
    - 查看样式

posted on 2017-09-13 21:31  shisanjun  阅读(145)  评论(0编辑  收藏  举报

导航