一个完美的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. visio二次开发——图纸解析之形状

    今天有空,下班前补齐解析visio图形形状的方法,包含图形背景色.字体颜色.备注信息.形状数据取值. /// <summary> /// 设置形状的选择属性 /// </summar ...

  2. 【Java之对象清理】finalize()的用途

    Java允许在类中定义一个名为finalize()的方法.它的工作原理是:一旦垃圾回收器准备好释放对象占用的存储空间,将首先调用其finalize()方法.并且在下一次垃圾回收动作发生时,才会真正回收 ...

  3. HTML5 canvas学习笔记（一）

    canvas是HTML5中新增的标签,下面是各浏览器的支持程度: canvas的默认大小为:宽-300px,高-150px(注意:画布的大小作为canvas标签的行内样式设置,而且是没有“px”单位的 ...

  4. SQL Server中查询数据库及表的信息语句

    /* -- 本文件主要是汇总了 Microsoft SQL Server 中有关数据库与表的相关信息查询语句. -- 下面的查询语句中一般给出两种查询方法, -- A方法访问系统表,适应于SQL 20 ...

  5. ecshop 秒杀并发时库存会被减到小于0的解决办法

    ecshop 秒杀并发时库存会被减到小于0更新库存后,再进行库存检查,如果库存为负数,则执行事务的回滚. begin();//开始一个事物处理开始 $sql = "UPDATE " ...

  6. [原创]zepto打造一款移动端划屏插件

    最近忙着将项目内的jquery 2换成zepto 因为不想引用过多的zepto包,所以花了点时间 zepto真的精简了许多,源代码看着真舒服 正好项目内需要一个划屏插件,就用zepto写了一个 逻辑其 ...

  7. react+redux官方实例TODO从最简单的入门（4）-- 改

    上一篇文章实现了<删>这个功能,那么我们继续添加下一功能--<改> 这个修改的功能是通过双击每个子选项实现 第一步:按规矩来,添加一个状态声明 第二步:action中约定我们要 ...

  8. MDI窗体容器--2016年12月15日

    MDI窗体容器 多文档界面(Multiple-Document Interface)简称MDI窗体.MDI窗体用于同时显示多个文档,每个文档显示在各自的窗口中.MDI窗体中通常有包含子菜单的窗口菜单, ...

  9. 移植一个cocos2d-x游戏

    1.编译的时候,如果遇到如下的提示信息: No rule to make target `jni/./../Classes/KeyBoardInput.cpp', needed by `obj/loc ...

  10. c#反射机制

    一:反射的定义 审查元数据并收集关于它的类型信息的能力.元数据(编译以后的最基本数据单元)就是一大堆的表,当编译程序集或者模块时,编译器会创建一个类定义表,一个字段定义表,和一个方法定义表等. Sys ...