一、html版本

  • HTML    1991年
  • HTML+    1993年
  • HTML2.0    1995年
  • HTML3.2    1997年
  • HTML4.0.1    1999年
  • XHTML1.0    2000年
  • html5正式草案  2008年
  • HTML5    2012年
  • XHTML5    2013年 

二、html标签

开始标签  元素内容  结束标签

<body>   content  </body>

如果没有元素内容的话,就是空元素,需要在开始标签中进行关闭,如<br/>

br:break row换行

单标记有:<br/>,<hr/>,<img/><input/><meta/>,<link/>

三、常见HTML标记

结构标记:html,head,body

头部标记:title,meta,link,style,base

标题标记:h1,h2,h3,h4,h5,h6【update 20161114】

文本修饰标记:font,b,i,u,strong

段落标记:p,hn,pre,marquee,br,hr,address,center,blockquote

列表标记:ul,ol,li,dl,dt,dd

超链接标记:a,map,area

图像及媒体元素标记:img,embed,object

表格标记:table,tr,td,th,tbody

表单标记:form,input,textarea,select,option,fieldset,legend,label

框架标记:frameset,frame,iframe

容器标记:div,span

四、html样式引入

  • 行内样式
  • 引入样式
  • 导入样式

五、html列表

  • 无序列表ul,li

    •   属性:disc(实心圆)是默认的样式
  • 有序列表ol,li
    •   属性:注意start,可以不从1开始显示,start="10"从10开始显示
  • 自定义列表dl
    • dt
    • dd
  • 嵌套列表
    • 注意默认样式:在无序列表中,默认第一层是disc,第二层是空心圆圈,第三层是实心方块,以后都是实心方块

六、表单

表单三要素:form,input,submit

  • <form>:点“提交”按钮,提交表单相关信息
  • <input>:收集用户信息,取值有10种
  1. text:文本域
  2. password:密码域
  3. file:文件域
  4. checkbox:复选框
  5. radio:单选按钮
  6. button:普通按钮
  7. submit:提交按钮
  8. reset:重置按钮
  9. hidden:隐藏域
  10. image:图像域(即图像按钮)
  • <textarea>:多行文本域
  • <label>:为控件定义标签,通过for和控件的id绑定
  • <fieldset>
  • <legend>
  • <select>配合下面的<option>用于下拉列表(不设置size)或列表项(设置size)。
  • <option>
  • <optgroup>
  • <button>

七、html框架

  • <frameset>在html5中已过期
  • <frame/>在html5中已过期
  • <iframe>html5仍然可用

注意用<iframe>时的超链接的target属性

  • _blank:新窗口打开
  • _parent:父窗口打开
  • _self:自身窗口打开
  • _top:顶层窗口打开

 

html基础总结版的更多相关文章

  1. SSM-SpringMVC-14:SpringMVC中大话注解式开发基础--呕心沥血版

     ------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 注解的基础我不再多啰嗦,百度一搜很多,很详细啊,我就讲一下SpringMVC中的注解入门 通过注解的方式定义 ...

  2. Web基础了解版04-XML-Tomcat-Http

    XML 什么是XML - Tomcat - Http XML:eXtensible Markup Language (可扩展标记语言). XML 是一种标记语言,很类似 HTML. XML 的设计宗旨 ...

  3. web框架和django基础(粗糙版)

    web框架本质:    浏览器:socket客户端    服务器:socket服务端        1.自己写socket服务端(最傻)        #!/usr/bin/env python    ...

  4. Web基础了解版01-html-css

    HTML 网页构成 摘要 说明 结构(HTML) HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 表现(CSS) CSS样式是表现.就像网页的 ...

  5. Web基础了解版02-JavaScript

    JavaScript 特性 ① 解释型语言.JavaScript是一种解释型的脚本语言,JavaScript是在程序的运行过程中逐行进行解释,不需要被编译为机器码再执行. ② 面向对象.JavaScr ...

  6. Web基础了解版03-jQuery

    jQuery jQuery,顾名思义,也就是JavaScript和查询(Query)极大地简化了JavaScript开发人员遍历HTML文档.操作DOM.处理事件.执行动画和开发Ajax. jQuer ...

  7. Web基础了解版05-Servlet

    Servlet Servlet? 从广义上来讲,Servlet规范是Sun公司制定的一套技术标准,包含与Web应用相关的一系列接口,是Web应用实现方式的宏观解决方案.而具体的Servlet容器负责提 ...

  8. Web基础了解版06-Jsp

    Jsp Jsp全称Java Server Pages,也就是在我们JavaWeb中的动态页面. Jsp能够以HTML页面的方式呈现数据,是一个可以嵌入Java代码的HTML. Jsp其本质就是一个Se ...

  9. Web基础了解版10-Filter-Listener

    Filter 对于WEB应用来说,过滤器是一个驻留在服务器中的WEB组件,他可以截取客户端和WEB资源之间的请求和响应信息. 在一个WEB应用中可以部署多个过滤器,多个过滤器就组成了一个过滤器链,请求 ...

随机推荐

  1. 图标集锦:10套免费的社交媒体 & 社交网站图标

    社交网络是最近几年互联网领域最热门的关键词之一,如今社会网络化媒体也成为我们信息获取和传播的重要途径,很多网站都有把内容分享到社交媒体的功能. 社交媒体图标作为向用户传递信息的重要媒介,不管是在网页还 ...

  2. 【再探backbone 02】集合-Collection

    前言 昨天我们一起学习了backbone的model,我个人对backbone的熟悉程度提高了,但是也发现一个严重的问题!!! 我平时压根没有用到model这块的东西,事实上我只用到了view,所以昨 ...

  3. css通用小笔记03——浏览器窗口变小 div错位的问题

    我最近写网页的时候,经常碰到一个普遍的问题,经过我的查阅和尝试,终于解决了这一问题,这里有两种方法提供给大家,如果博友还有更好的方法,欢迎补充. 一.使用min-width属性: 我们先看看下面这段代 ...

  4. 【Bootstrap】4.企业网站(待续)

    上一章有队个人站点站点进行一些优化.本章,轮到我们充实这个作品站点了,补充一些项目,从而展示我们的能力.话句话说,我们要构建一个相对复杂的企业网站主页. 下面有几个成功企业的网站: □ Zappos ...

  5. BFC布局原理

    写这篇博客的初衷其实是在解决浮动的时候看到的这个方法,就想着BFC是什么,为什么可以清除浮动.结果不看不知道,一看越看越不明白,潜下心来研究看看,总结一下学习心得. 1.BFC是什么 BFC就是Box ...

  6. HTML5攻防向量

    From:HTML 5 Morden Day Attack And Defense Vectors Autor:Rafay Baloch 摘要 根据Powermapper出版的统计,他们分析的Web页 ...

  7. SharePoint 2013 操作文档库ECB菜单

    在SharePoint的使用中,我们经常需要定制SharePoint的一系列菜单,这里就包括ECB菜单,下面,我们简单了解一下ECB菜单如何定制,以及原理. 1.正常情况文档库的ECB菜单如下图: 2 ...

  8. JavaScript学习06 JS事件对象

    JavaScript学习06 JS事件对象 事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状 ...

  9. iOS开发之多线程技术——NSOperation篇

    本篇将从四个方面对iOS开发中使用到的NSOperation技术进行讲解: 一.什么是NSOperation 二.我们为什么使用NSOperation 三.在实际开发中如何使用NSOperation ...

  10. windows7 下伪静态配置方法

    今天终于算是彻底知道windows7下伪静态的IIS配置了.尼玛真坑爹,竟然64位的和32位的配置竟然不一样... 网上找的比较详细的文章地址: http://jingyan.baidu.com/ar ...