HTML基础知识

时间 2019-12-10

标签 html 基础知识栏目 HTML 繁體版

原文原文链接

一个完美的web前端攻城狮，所具有的专业素养有：HTML五、XHTML、CSS三、JavaScript、JQuery、PS、PHP等。因此说，我要学的东西还有不少。。。css

没别得，我也是一个H5的初学者，只是为了作好笔记，若是能帮到他人，我很荣幸。html

1、HTML前端

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

2、经常使用工具编程

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

3、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技术领域最具权威和影响力的国际中立性技术标准机构编程语言

4、组成部分ide

包括：声明、头部（head）、标题（title）、身体（body）工具

5、基础知识：

（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-布局标签

　　7-背景标签

　　8-新增主要标签

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

　　<canvas>(绘画标签)　

（3）样式表（三种方式）

　　1-外部样式表

　　2-内部样式表

　　body{/style>

　　3-内联样式表

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