首页 > 代码库 > HTML基础知识

HTML基础知识

一个完美的web前端攻城狮,所具备的专业素养有:HTML5、XHTML、CSS3、JavaScript、JQuery、PS、PHP等。所以说,我要学的东西还有很多。。。

没别得,我也是一个H5的初学者,只是为了做好笔记,如果能帮到他人,我很荣幸。

一、HTML

   是超文本标记语言(Hype Text Markup Language),它不是编程语言,只是一种标记语言。

二、常用工具

  Webstom、Notepad++、Eclipse、Text Subline、Dreamweaver、Intellij IDEA等

三、HTML的版本发展历史

 

版本 年份     描述
HTML 1991 第一版的html
HTML+ 1993 作为互联网工程工作小组(IETF)工作草案发布(并非标准)
HTML2.0 1995 作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML3.2 1997 作为W3C推荐标准
HTML4.01 1999 (比上一版做了微小改进)作为W3C推荐标准
XHTML1.0 2000  发布于2000年,是W3C推荐标准,后来经过修订于2002年重新发布
HTML5 2012  W3C推荐标准
XHTML5 2013  更新版,基于HTML5草案

                  

 

 

 

 

 

 

 

 

 

 

 

 

  注释:w3c是万维网联盟,是Web技术领域最具权威和影响力的国际中立性技术标准机构

 

四、组成部分

     包括:声明、头部(head)、标题(title)、身体(body)

五、基础知识:

(1)声明

  <!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。

  <!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令,这样浏览器才能获知文档类型。

  在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

  HTML5 不基于 SGML,所以不需要引用 DTD。

 

  现在主要记住:H5的声明方式:<!DOCTYPE html>

(2)常用标签及其属性

       1-标题标签h1~h6(越来越小)

  标题标准属性:id, class, title, style, dir, lang, xml:lang;事件属性:onclick, ondblclick等

   2-链接标签<a><img>

  <a>属性有:download、href、name、target等

  <img>有:src(规定显示图像的 URL)、alt(规定图像的替代文本)

   3-格式化标签

  <b>  定义粗体字体  <big>  大字号  <em>  着重文字  

  <i>  斜体字     <small>  小号字  <strong> 加重语气

  <sub> 下标字          <sup>  上标字  <ins>  插入字

  <del>   删除字

   4-表格标签

 

表格标签 标签的描述
<table> 表格
<caption> 表格的标题
<th> 表格的表头
<tr> 表格的行
<td> 表格的单元
<thead> 表格的页眉
<tbody> 表格的主题
<tfoot> 表格的页脚
<col> 表格的列属性

 

 

  

 

 

 

 

 

 

  5-列表标签

  <ol> 有序列表(属性有:type=A(A,B,C)、a(a,b,c)、I(I,II,III)、i(i,ii,iii)、start=10(从10开始))

  <ul>无序列表(属性有:type=disc(实体圆)、circle(空心圆)、square(方块)或者用css样式)

  <li>列表项的属性

  <dl>列表

  <dt>列表项

  <dd>描述

  6-布局标签

  <table>、<div> 

  7-背景标签

  <background>、<bgcolor>

  8-新增主要标签

  <video>、<aduio> 媒介回放元素

  <canvas>(绘画标签) 

(3)样式表(三种方式)

  1-外部样式表

  <link rel="stylesheet" type="text/css" href="http://www.mamicode.com/mycss">

  2-内部样式表

  <style type="text/css">

  body{/style>

  3-内联样式表

   <p style="color:red"></p>

六、主要网址:
 w3c:http://www.w3school.com.cn

HTML基础知识