一个完美的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. ActiveMQ集群下的消息回流功能

    ------------------------------------------------------------------ "丢失"的消息 如果有broker1和brok ...

  2. bootstrap中popover.js(弹出框)使用总结+案例

    bootstrap中popover.js(弹出框)使用总结+案例 *转载请注明出处: 作者:willingtolove: http://www.cnblogs.com/willingtolove/p/ ...

  3. 搭建http服务

    一.本地测试 访问的地址为:localhost或者127.0.0.1

  4. JavaScript的模块化之AMD&CMD规范

    前端开发常常会遇到的问题: 1.恼人的命名冲突: 2.繁琐的文件依赖: 模块化开发的优势: 1.解决命名冲突和依赖管理: 2.模块的版本管理: 3.提高代码的可维护性: 4.前端性能优化: JavaS ...

  5. WebForm 分页、组合查询--2017年1月5日

    sql = "select * from Commodity"; hs = new Hashtable(); if (txt_name.Text.Trim() != "& ...

  6. Node.js配合node-http-proxy解决本地开发ajax跨域问题

    情景: 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 1. 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境,麻烦) 2. ...

  7. Mac 编写oracle 连接脚本

    首先需要本地存有sqlplus命令, 如果没有则需要到官网下载 也可点击我进行下载 (解压 readme.txt 有安装配置说明): 在Oracle官网下载instant client for os ...

  8. linux commands

    abrt-cli --since ;查看abrt捕捉的异常 alias ;别名,alias rm='rm -i':使用“ \rm ” 使用原命令 alsamixer ;图形音量调节,q 增加左声道, ...

  9. SqlServer 2008登录时报错

    登录SQLServer2008R2时提示如下错误: 在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误.未找到或无法访问服务器.请验证实例名称是否正确并且 SQL Server ...

  10. input表单手机号、身份证号验证

    <form action="" method="post" onsubmit="return checkForm(this)"> ...