一个完美的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. linux下, 再次遇到使用thinkphp的模板标签时,报错used undefined function \Think\Template\simplexml_load_string() 是因为没有安装 php-xml包

    linux下, 使用thinkphp的模板标签,如 eq, gt, volist defined, present , empty等 标签时, 报错: used undefined function ...

  2. 20155217-杨笛-c与java

    命是弱者的借口,运是强者的谦词 你有什么技能比大多数人(超过90%以上)更好? 针对这个技能的获取你有什么成功的经验? 与老师博客中的学习经验有什么共同之处? 其实我经常会去想自己有什么拿得出手的优点 ...

  3. 字体大小和背景颜色修改--Android Studio

    打开: File/seting/Editor/colors&Fonts/Fonts editor Font处默认的不让修改 所以先点击save as  随便点个名字 然后 size就可以修改了

  4. mac 下设置jdk 路径,设置hadoop 路径

    1. touch ~/.bash_profile  创建一个文件 2.vim ~/.bash_profile JAVA_HOME=/Library/Java/JavaVirtualMachines/j ...

  5. NOIP2016滚粗计

    啦啦啦,第一次写游记~ Day0 早上浪浪浪,开了几盘CS 坐车到衢州,在车上开了几盘 艾萨克,然而好困啊…… 到衢二后围观XJ杭二合力A ztr,不是很懂为什么事情会变成这样 晚上开杀人游戏,wcz ...

  6. pycharm 2016.3 注册码

    Choose Active Code 43B4A73YYJ-eyJsaWNlbnNlSWQiOiI0M0I0QTczWVlKIiwibGljZW5zZWVOYW1lIjoibGFuIHl1IiwiYX ...

  7. 多线程AutoResetEvent

    我们在线程编程的时候往往会涉及到线程的通信,通过信号的接受来进行线程是否阻塞的操作. AutoResetEvent 允许线程通过发信号互相通信.通常,此通信涉及线程需要独占访问的资源. AutoRes ...

  8. $_SERVER 详情

    $_SERVER['HTTP_ACCEPT_LANGUAGE']//浏览器语言 $_SERVER['REMOTE_ADDR'] //当前用户 IP . $_SERVER['REMOTE_HOST'] ...

  9. Zookeeper开源客户端框架Curator简介

    Curator是Netflix开源的一套ZooKeeper客户端框架. Netflix在使用ZooKeeper的过程中发现ZooKeeper自带的客户端太底层, 应用方在使用的时候需要自己处理很多事情 ...

  10. JavaBean的用法

    JavaBean是一个可重复使用的软件组件,是用Java语言编写的.遵循一定标准的类. JavaBean是Java Web的重要组件,它封装了数据和操作的功能类,供JSP和Servlet调用,完成数据 ...