html基础总结版
一、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种
- text:文本域
- password:密码域
- file:文件域
- checkbox:复选框
- radio：单选按钮
- button:普通按钮
- submit:提交按钮
- reset:重置按钮
- hidden:隐藏域
- 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基础总结版的更多相关文章
- SSM-SpringMVC-14：SpringMVC中大话注解式开发基础--呕心沥血版
------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 注解的基础我不再多啰嗦,百度一搜很多,很详细啊,我就讲一下SpringMVC中的注解入门 通过注解的方式定义 ...
- Web基础了解版04-XML-Tomcat-Http
XML 什么是XML - Tomcat - Http XML:eXtensible Markup Language (可扩展标记语言). XML 是一种标记语言,很类似 HTML. XML 的设计宗旨 ...
- web框架和django基础(粗糙版)
web框架本质: 浏览器:socket客户端 服务器:socket服务端 1.自己写socket服务端(最傻) #!/usr/bin/env python ...
- Web基础了解版01-html-css
HTML 网页构成 摘要 说明 结构(HTML) HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字.图片.视频等. 表现(CSS) CSS样式是表现.就像网页的 ...
- Web基础了解版02-JavaScript
JavaScript 特性 ① 解释型语言.JavaScript是一种解释型的脚本语言,JavaScript是在程序的运行过程中逐行进行解释,不需要被编译为机器码再执行. ② 面向对象.JavaScr ...
- Web基础了解版03-jQuery
jQuery jQuery,顾名思义,也就是JavaScript和查询(Query)极大地简化了JavaScript开发人员遍历HTML文档.操作DOM.处理事件.执行动画和开发Ajax. jQuer ...
- Web基础了解版05-Servlet
Servlet Servlet? 从广义上来讲,Servlet规范是Sun公司制定的一套技术标准,包含与Web应用相关的一系列接口,是Web应用实现方式的宏观解决方案.而具体的Servlet容器负责提 ...
- Web基础了解版06-Jsp
Jsp Jsp全称Java Server Pages,也就是在我们JavaWeb中的动态页面. Jsp能够以HTML页面的方式呈现数据,是一个可以嵌入Java代码的HTML. Jsp其本质就是一个Se ...
- Web基础了解版10-Filter-Listener
Filter 对于WEB应用来说,过滤器是一个驻留在服务器中的WEB组件,他可以截取客户端和WEB资源之间的请求和响应信息. 在一个WEB应用中可以部署多个过滤器,多个过滤器就组成了一个过滤器链,请求 ...
随机推荐
- Redis学习笔记1-Redis数据类型
Redis数据类型 Redis支持5种数据类型,它们描述如下: Strings - 字符串 字符串是 Redis 最基本的数据类型.Redis 字符串是二进制安全的,也就是说,一个 Redis 字符串 ...
- Visual Studio Code 使用 Typings 实现智能提示功能
前言 我们知道在IDE中代码的智能提示几乎都是标配,虽然一些文本编辑器也有一些简单的提示,但这是通过代码片段提供的.功能上远不能和IDE相比.不过最近兴起的文本编辑器的新锐 Visual Studio ...
- jQuery Tocify 定位导航
Tocify是一个jQuery插件,能够动态的生成文章目录,Tocify可以随意的设置Twitter Bootstrap 或者 jQueryUI Themeroller支持的可选动画和jQuery的显 ...
- jQuery als.js 跑马灯
ali.js是一款滚动插件,滚动的内容可包含文字和图片.它的API也很强大,包括滚动区域可见个数.每次滚动个数.滚动方向.是否循环滚动.是否自动滚动.滚动间隔时间.滚动动画速度.动画效果.滚动方向以及 ...
- 国外经典设计：12个漂亮的移动APP网站案例
优秀的移动应用程序网站是设计灵感的重要来源.从美丽的图像,合理的使用空白到排版和颜色的使用,似乎设计师都加倍努力以创造一些美好和独特的设计来推广自己的应用程序. 因此,在这篇文章中,我们已经聚集了13 ...
- io.js - 兼容 NPM 平台的 Node.js 新分支
io.js(JavaScript I/O)是兼容 NPM 平台的 Node.js 新分支,由 Node.js 的核心开发者在 Node.js 的基础上,引入更多的 ES6 特性,它的目的是提供更快的和 ...
- Welcome Phalcon
Welcome! 欢迎来到 Phalcon 框架, 一种崭新的 PHP 框架.我们的使命是给开发者一个开发 web 站点和应用的高级工具,让开发者不用担心框架的性能问题. Phalcon 是什么? P ...
- console命令详解
Firebug是网页开发的利器,能够极大地提升工作效率. 但是,它不太容易上手.我曾经翻译过一篇<Firebug入门指南>,介绍了一些基本用法.今天,继续介绍它的高级用法. ======= ...
- Navicat for Oracle实现连接Oracle
不知道为什么,从一开始,我就不喜欢Oracle,名字好听,功能强大,但总感觉"高不可攀";或许是因为我觉得其他的数据库就可以解决数据问题,不太了解Oracle的优势:而且它长得也不 ...
- LruCache详解之 Android 内存优化
概念: LruCache 什么是LruCache? LruCache实现原理是什么? 这两个问题其实可以作为一个问题来回答,知道了什么是 LruCache,就只然而然的知道 LruCache 的实现原 ...