一个完美的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="mycss">

　　2-内部样式表

　　<style type="text/css">

　　body{/style>

　　3-内联样式表

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

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

HTML基础知识的更多相关文章

  1. .NET面试题系列[1] - .NET框架基础知识(1)

    很明显,CLS是CTS的一个子集,而且是最小的子集. - 张子阳 .NET框架基础知识(1) 参考资料: http://www.tracefact.net/CLR-and-Framework/DotN ...

  2. RabbitMQ基础知识

    RabbitMQ基础知识 一.背景 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然 ...

  3. Java基础知识（壹）

    写在前面的话 这篇博客,是很早之前自己的学习Java基础知识的,所记录的内容,仅仅是当时学习的一个总结随笔.现在分享出来,希望能帮助大家,如有不足的,希望大家支出. 后续会继续分享基础知识手记.希望能 ...

  4. selenium自动化基础知识

    什么是自动化测试? 自动化测试分为:功能自动化和性能自动化 功能自动化即使用计算机通过编码的方式来替代手工测试,完成一些重复性比较高的测试,解放测试人员的测试压力.同时,如果系统有不份模块更改后,只要 ...

  5. [SQL] SQL 基础知识梳理（一）- 数据库与 SQL

    SQL 基础知识梳理(一)- 数据库与 SQL [博主]反骨仔 [原文地址]http://www.cnblogs.com/liqingwen/p/5902856.html 目录 What's 数据库 ...

  6. [SQL] SQL 基础知识梳理（二） - 查询基础

    SQL 基础知识梳理(二) - 查询基础 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5904824.html 序 这是<SQL 基础知识梳理( ...

  7. [SQL] SQL 基础知识梳理（三） - 聚合和排序

    SQL 基础知识梳理(三) - 聚合和排序 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5926689.html 序 这是<SQL 基础知识梳理 ...

  8. [SQL] SQL 基础知识梳理（四） - 数据更新

    SQL 基础知识梳理(四) - 数据更新 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5929786.html 序 这是<SQL 基础知识梳理( ...

  9. [SQL] SQL 基础知识梳理（五） - 复杂查询

    SQL 基础知识梳理(五) - 复杂查询 [博主]反骨仔 [原文]http://www.cnblogs.com/liqingwen/p/5939796.html 序 这是<SQL 基础知识梳理( ...

  10. APP测试入门篇之APP基础知识(001)

    前言        最近两月比较多的事情混杂在一起,静不下心来写点东西,月初想发表一遍接口测试的总结,或者APP测试相关的内容,一晃就月底了,总结提炼一时半会也整不完.放几个早年总结内部培训PPT出来 ...

随机推荐

  1. JavaScript - 正则表达式

    正则表达式的大致匹配过程是:依次拿出表达式和文本中的字符比较,如果每一个字符都能匹配,则匹配成功:一旦有匹配不成功的字符则匹配失败. 正则表达式通常用于在文本中查找匹配的字符串.Python里数量词默 ...

  2. Java界面设计 Swing(1)

    Java界面设计的用途 开发者可以通过Java SE开发丰富并且强大的具有图形界面的桌面应用程序.也可以设计一些提高效率的工具软件,帮助自己处理机械性工作. Java 的图形界面工具包,可以用于工具类 ...

  3. __run_timers() -- 处理全部超时定时器

    __run_timers() -- 处理全部超时定时器 run_timer_softirq() --> __run_timers() /usr/src/linux-/kernel/timer.c ...

  4. D3.js学习（四）

    上一节我们已经学习了线条样式和格栅的绘制,在这一节中我们将要根据之前绘制的线条对图表进行填充,首先来看一下我们的目标吧 在这个图表中,我们对位于线条下面的空间进行了填充,那么,如何改做到呢? 设置填充 ...

  5. 无意之间发现的Servlet3.0新特性@WebServlet

    今天无意之间看到了一个注解,这个注解就是@WebServlet,@WebServlet 用于将一个类声明为 Servlet,该注解将会在部署时被容器处理,容器将根据具体的属性配置将相应的类部署为 Se ...

  6. 关于数组去重的几种方法-------javascript描述

    第一种方法:借助json对象来实现,若json对象中无该属性则添加,否则不添加,最后返回json对象的属性,时间复杂度为O(n) function deleteArrayRepeat(arr) { v ...

  7. JavaScript对象创建，继承

    创建对象 在JS中创建对象有很多方式,第一种: var obj = new Object(); 第二种方式: var obj1 = {};//对象直面量 第三种方式:工厂模式 function Per ...

  8. 学习 opencv---(4) 分离颜色通道 && 多通道混合

    上篇文章中我们讲到了使用addWeighted函数进行图像混合操作,以及将ROI和addWeighted函数结合起来使用,对指定区域进行图像混合操作. 而为了更好地观察一些图像材料的特征,有时需要对R ...

  9. IIS GZip

    优点:提高网页响应速度(静态压缩会占用一定的存储空间,但是速度快,而动态压缩不占用存储空间,但是占用CPU时间,而且压缩比不恒定.) 缺点:动态压缩会影响CPU性能. win7:设置: iis管理器- ...

  10. 浅谈CPU和GPU的区别

    导读: CPU和GPU之所以大不相同,是由于其设计目标的不同,它们分别针对了两种不同的应用场景.CPU需要很强的通用性来处理各种不同的数据类型,而GPU面对的则是类型高度统一的.相互无依赖的大规模数据 ...