html标签

<body>
    <textarea row="5"col="15">此处可输出文本,右下角可无限拉伸宽高</textarea>
</body>    

  

1.注释 <-- -->(在页面中不显示注释中内容)
2.DOCTYPE  声明文档类型(浏览器类型)
3.a   插入超链接

<a href="https://www.baidu.com/">百度一下</a>

 

4.address   定义文档或文档的作着(斜体)

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

 


5.article   标签规定独立的包含内容(告诉其为一个整体)没有特殊的作用

<article>
  <h1>Internet Explorer 9</h1>
  <p>Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....</p>
</article>

 


6.aside     标签定义其所处内容之外的内容 (告诉其为一个整体)没有特殊的作用

<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>

 


7.audio 音频

<audio src="/i/horse.ogg" controls="controls">
Your browser does not support the audio element.
</audio>

 

video 视频  

<!DOCTYPE HTML>

<html>

  <body>

    <video src="/i/movie.ogg" controls="controls"> your browser does not support the video tag </video>

  </body>

</html>

 


8.b    加粗一段文本

<p>这是一个文本<b>这是加粗文本</b></p>

 


9.big  呈现大号字体的效果用big标签要小心有些浏览器不支持

<big>这是一个放大文本</big>

 


10.br   一段文本中的换行

<!DOCTYPE html>
<html>
    <body>
            <p>2018.3.13<br/>我正式开启了我的全栈之旅<br/>接下来我要放空我的心态来接受全新的知识</p>
    </body>
</html>

 


11.button   标签为按钮标签 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容

<button>这是一个按钮</button>

 


12.center   标签定义其包含的内容进行文本居中

<center>文本居中</centere>

 


13.dl    dt      dd   !!! <dl> 标签定义了定义列表(definition list) 用于结合<dt>(定义列表中的项目)和 <dd> (描述列表中的项目)

                             !!! <dt>定义列表中的项目

          !!!<dd>描述列表中的项目

<html>

<body>

<h2>一个定义列表:</h2>

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

</body>
</html>

 


14.del ins    <del>定义文本中已删除的部分

      <ins>定义插入的内容

<html>

<body>

<p>一段话的<del>删除 </del><ins>插入</ins>部分</p>

<p>大多数浏览器会改写为删除文本和下划线文本。</p>

<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>

</body>
</html>

 

 
15.div p h1-h6     div定义文本中的区  把文档分为不同的块一般用class、id来定义其属性

                             p标签是一个文本的内容与div不同的是其自带上下边距

        h1-h6其主要作用是字体的大小  h1最大  h6最小

<html>
<body>

<h3>标题</h3>
<p>文本内容</p>

<div style="color:#00FF00">
  <h3>标题</h3>
  <p>文本内容</p>
</div>

</body>
</html>

 


16.em span i strong      定义文本的强调内容同为行内块级标签   <i><em>定义文本为斜体  <span>行内元素 <strong>粗体
17.footer nav       定义文本中的页脚与导航部分

        nav一个页面的导航部分

<!DOCTYPE html>
<html>
<body>

<nav>
<a href="/html/">导航</a> |
<a href="/css/">中间</a> |
<a href="/js/">插入</a> |
<a href="/jquery/">超链接</a>
</nav>

<footer>
      我是页脚        
</footer>
</body>
</html>

 


18.iframe      定义:创建包含另外一个文档的内联框架(行内框架
19.hr html      定义:<hr>创建一条水平线。  <html>可告知浏览器是一个html文档。

<html>
  <body>
      <h1>水平线<h1>
      <hr/>
      <p>...</p >
  </body>
</html>

  


20.img input label       定义:<img>标签网页中链接一副图像。
        < img src="../img/tupian.jpg"  alt="花"  />
        <label> 标签为 input 元素定义标注(标记)。<label> 标签的 for 属性应当与相                                  关元素的 id 属性相同。

<body>
    <p>请点击文本之一,就可以触发相关控件</p >
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" />
    <br />
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female" />
</body>

  


21.ol ul li       定义:ol有序列表。ul无序列表

<body>
  <ol>
    <li>苹果</li>
    <li>牛奶</li>
    <li>茶</li>
  </ol>

  <ul>
    <li>咖啡</li>
     <li>牛奶</li>
    <li>茶</li>
  </ul>
 
</body>

  


22.link script        定义:<link>外部样式表 标签定义文档与外部资源的关系。
              <link> 标签最常见的用途是链接样式表。

<head>
    <link rel="stylesheet" type="text/css" href="css.css" />
</head>

  

23.select option    定义:<select>创建单选或多选菜单。
            <option>定义下拉列表中的一个选项(一个条目)。option 元素位于 select 元素内部。
          浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显

<body>
    <select>
      <option value="">请选择</option>
       <option value="">山西</option>
       <option value="">北京</option>
       <option value="">上海</option>
    </select>
</body>

  


24.textarea     定义:<textarea> 标签定义多行的文本输入控件。
             文本区中可容纳无限数量的文本,可以通过 cols 和 rows 属性来规定 textarea 的尺寸

posted @ 2018-03-13 18:45  孙冠醇  阅读(121)  评论(0编辑  收藏  举报