码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习(一)基础篇

时间:2016-11-30 14:06:43      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:title   field   textarea   com   lsp   超链接   链接   soft   input   

这篇文章有人比我总结的好,适用于新手,我就适当的铺垫一下,结尾处会给你们网站,我就不班门弄斧了。

一)HTML结构

1.<head>标签

  • <title>
  • <base/>
  • <link/>(rel、href、type)
  • <meta/>(http-equiv、name、content)

2.<body>标签

  • 块级标签 & 内联标签
  • 基本标签(<h1>~<h6>、<p>、<b> <strong>、<strike>、<u>、<em> <i>、<sup>、<sub>、<br>、<hr>、<div>、<span>)
  • 特殊符号(&gt;、&lt;、&nbsp;、&quot;、&copy;...)
  • <a> 超链接标签(锚标签)(href、target、name)
  • <img> 图形标签(src、title、alt、width、height、align)
  • 列表标签(<ul>、<ol>、<li>、<dl>、<dt>、<dd>)
  • <table> 表格标签(<table> 、<caption> 、<tr>、<th>、<td>、<thead>、<tbody>、rowspan、colspan)
  • <from> 表单标签(action、method、enctype、<input>、<textarea>、<select>、<label>、<fieldset>)

3.框架

  • <frameset>
  • <iframe>

二)什么是标签:

  • 是由一对尖括号包裹的单词构成 例如: <html> *所有标签中的单词不可能以数字开头.
  • 标签不区分大小写.<html> 和 <HTML>. 推荐使用小写.
  • 标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体.
  • 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/><hr/><input/><img/>
  • 标签可以嵌套.但是不能交叉嵌套. <a><b></a></b>

三)标签的属性:

  • 通常是以键值对形式出现的. 例如 name="nick"
  • 属性只能出现在开始标签 或 自闭和标签中.
  • 属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name="nick"
  • 如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly

四)HTML5基本结构:

  将HTML4中的DTD定义为如下结构即可,其他不变。

技术分享

 五)HTML5支持的两种指定页面使用的字符集的方式

  • 使用Content-Type指定字符集
<meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/> 
  • 直接使用charset指定字符集
<meta charset="UTF-8">

六)HTML标签的用法

HTML标签集合处:http://www.cnblogs.com/suoning/p/5614372.html

 

HTML学习(一)基础篇

标签:title   field   textarea   com   lsp   超链接   链接   soft   input   

原文地址:http://www.cnblogs.com/wangchangjian/p/6117158.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!