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应用中可以部署多个过滤器,多个过滤器就组成了一个过滤器链,请求 ...
随机推荐
- [ASP.NET MVC] 使用CLK.AspNet.Identity提供依权限显示选单项目的功能
[ASP.NET MVC] 使用CLK.AspNet.Identity提供依权限显示选单项目的功能 CLK.AspNet.Identity CLK.AspNet.Identity是一个基于ASP.NE ...
- 初探百度F.I.S — 由工具到解决方案
1. 前言 阅兵放假三天,我哪儿也没去,宅着看了一些东东:git命令行.svn命令以及下面的主角——百度FIS.对看过的git.svn的命令也做了一些总结,请参见:<git命令学习笔记>和 ...
- ArcGIS server 开发实践之【FeatureLayer类】
全是干活,你值得拥有 要素图层类简介:Class:FeatureLayer //调用方式:require(["esri/layers/FeatureLayer"],function ...
- HTML自学基础
关于自学HTML中遇到的各类细节问题 1.<a>表示链接标签,类似的有<img src>.链接的地址在<base>中填写.<base href="h ...
- 对于 Web 开发很有用的 jQuery 效果制作教程
如果你的项目中需要响应式滑块,炫丽的图片呈现,对话框提示,轻巧动画等效果,jQuery 是完美的解决方案.凭借这个快速,易用的 JavaScript 库,可以轻松处理语言之间的交互,它给人最快速的 W ...
- jQuery Wheel Menu：实现漂亮的 Path 风格旋转菜单
相信很多用过 Path 的都对它的独特的旋转导航菜单有深刻的印象,这个功能也被很多的 Web 开发者模仿.今天分享的这款插件可以方便的在你的网站中加入和 Path 一样的旋转菜单,可以自定义效果. 您 ...
- 免费 PSD 下载： 20个精美的登录和注册表单
注册表单有许多不同的形状和尺寸,有的只是单个的输入框,有的则需要多个步骤.登录表单的设计将定义网站的性质,因此它应进行针对性的设计.下面的列表提供了20个醒目的登录和注册表单设计为您提供灵感. 您可能 ...
- (转)JavaScript一：为什么学习JavaScript？
Web程序不论是B/S(Browser/Server)还是C/S(Client/Server)架构,分为客户端程序与服务器端程序两种.ASP.NET是开发服务器端程序的强大工具,但是有时候为了降低服务 ...
- Hybrid框架UI重构之路：二、事出有因
上文回顾:Hybird框架UI重构之路:一.师其长技以自强 一切的重构都是有原因的,或许为了更快速度.更好体验.更快捷开发等,于是就有了自己的开发目标,简单看看未重构前UI("中国移动式&q ...
- jQuery实例集合
一.返回顶部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...