一个完美的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. codevs2216 行星序列

    题目描述 Description "神州"载人飞船的发射成功让小可可非常激动,他立志长大后要成为一名宇航员假期一始,他就报名参加了"小小宇航员夏令营",在这里小 ...

  2. java 解 poj 1000

    import java.util.Scanner; public class A1000 { public static void main(String[] args) { Scanner sc=n ...

  3. 项目vue2.0仿外卖APP(二)

    vue-cli开启vue.js项目 github地址:https://github.com/vuejs/vue-cli Vue.js开发利器vue-cli,是vue的脚手架工具. 在工地上,脚手架是工 ...

  4. 部署React+webpack工程的步骤

    # 部署React+webpack工程的步骤ps:以Mac os系统做开发环境.因为npm现在使用灰常的慢,所以我使用淘宝境像cnpm. 1,准备工作: 先确保存已经安装了node.js: 2,文件部 ...

  5. 6 VC维

    1 VC维的定义 VC维其实就是第一个break point的之前的样本容量.标准定义是:对一个假设空间,如果存在N个样本能够被假设空间中的h按所有可能的2的N次方种形式分开,则称该假设空间能够把N个 ...

  6. Android带图片的Toast(自定义Toast)

    使用Android默认的Toast Toast简介: Toast是一个简单的消息显示框,能够短暂的出现在屏幕的某个位置,显示提示消息. 默认的位置是屏幕的下方正中,一般Toast的使用如下: Toas ...

  7. Swift3新特性汇总

    之前 Apple 在 WWDC 上已将 Swift 3 整合进了 Xcode 8 beta 中,而本月苹果发布了 Swift 3 的正式版.这也是自 2015 年底Apple开源Swift之后,首个发 ...

  8. theano学习

    import numpy import theano.tensor as T from theano import function x = T.dscalar('x') y = T.dscalar( ...

  9. 定时器管理:nginx的红黑树和libevent的堆

    libevent 发生超时后, while循环一次从堆顶del timer——直到最新调整的最小堆顶不是超时事件为止,(实际是del event),但是会稍后把这个timeout的 event放到ac ...

  10. 关于easyui datagrid 表格数据处理

    首先先将easyui 引入到jsp页面中 <link rel="stylesheet" type="text/css" href="easyui ...