投稿 资料上传 搜索
您现在的位置是: 首页 > 文章 > 正文

HTML使用详解


介绍

     HTML被称之为超文本标记语言,是用来创建网页的标准标记语言,通过一系列的标识,来规范网络上的文档格式。通常我们通过HTML来建立网站,然后由浏览器来解析我们的网站HTML标签;本文主要针对于HTML的使用进行一个简要介绍。

HTML基本结构

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>网页标题</title>
</head>
<body>
</body>
</html>


概述:

      <!DOCTYPE html> 标签声明为 HTML5 文档

      <html> 标签元素是 HTML 页面的根元素

      <head> 标签元素包含了文档的元(meta)数据,如: <meta charset="utf-8"> 定义网页编码格式为 utf-8

      <title> 标签元素描述了文档的标题

      <body> 标签元素包含了页面可见的内容

HTML常用标签的使用

1.  htm标签

说明:超文本标记语言规定以<html>开始,以</html>结束

2.  div标签

说明:块级元素标签,独占一行或是一块区域;使用方式是:<div>展示的内容</div>

3. span标签

说明:内联元素标签,使用方式是:<span>展示的内容</span>

4. a标签

说明:超链接标签,用于网站中的链接效果;使用方式:<a href=“链接地址” target="目标" title="说明">被链接内容</a>

5. br标签

说明:换行标签,使用方式:<br/>

6.  p标签

说明:文本标签,使用方式:<p>内容</p>

7.  h1~h6标签

说明:标题标签,着重强调,使用方式:<h1>标题内容<h1>

8. b标签

说明:文本加粗标签,使用方式:<b> 加粗内容</b>

9.  strong标签

说明:文本加粗标签,使用方式:<strong> 加粗内容</strong>

10. em标签

说明:强调标签,使用方式:<em> 强调内容</em>

11. i标签

说明:斜体标签,使用方式:<i> 斜体内容</i>

12. u标签

说明:下划线标签,使用方式:<u > 下划线内容</u>

13. img标签

说明:图片标签,使用方式:<img src="图片路径" width="175" height="47" alt="说明" /> 

14. hr标签

说明:水平线标签,使用方式:<hr/>

15. form标签

说明:表单标签,使用方式<form action="" method="get"> </form>
<form action="" method="post"> </form>

16. label标签

说明:表单布局中会遇到label标签的使用,使用方式:<label>文本内容</label>

17.input标签

说明:输入框标签,使用方式:<input  type="输入框类型" value="value" />

18. textarea 标签

说明:文本区域表单标签元素,使用方式:<textarea name="DIVCSS5" cols="30" rows="4"> </textarea>

19. select 标签

说明:下拉表单,使用方式:

<select name=""> 

<option value="0">DIVCSS5</option>

<option value="1">DIVCSS5</option>

</select>

20. checkbox 标签

说明:多选框,语法结构:<input name="Fruit" type="checkbox" value="" />

21. radio标签

说明:单选框,语法结构:<input name="Fruit" type="radio" value="" />

22.   table tr td th组合标签

        说明:表格,语法结构: 

  <table>       <tr> 
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>


23.   dl dt dd组合标签

说明:<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签,语法结构:

<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
...
</dl>


24. ol li 组合标签

    说明:有序列表标签元素,使用方式:

   <ol> 
     <li>内容一</li> 
<li>内容二</li>
<li>内容三</li>
</ol>


25.   ul li组合标签

        说明:无序列表标签元素,使用方式

    <ul>     <li>内容一</li>     <li>内容二</li>         <li>内容三</li> 
</ul>


26. link标签

说明:用于引用外部样式表链接

27. script标签

说明:放置JavaScript脚本或引用外部脚本

28. meta标签

说明:常用于关键字,网页介绍,作者,编码格式的声明

29. head标签

说明:头部标签,主要包含:metatitle,link,script,style等标签

30. style标签

说明:常用于定义内部样式表

31. body标签

说明:包含网页可见的内容,除head包含外

 

转载于:

文章标签:
阿里云服务器采购季
给作者打赏,鼓励TA抓紧创作!
评论