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应用中可以部署多个过滤器,多个过滤器就组成了一个过滤器链,请求 ...
随机推荐
- BasicModal - 简单易用的现代 Web App 弹窗
BasicModal 是为现代 Web 应用程序打造的弹窗系统.它包括所有你需要显示的信息,问题或接收用户的输入.这里的弹窗还可以链接起来,所以你可以很容易地建立一个预定义顺序的安装帮助或显示对话框. ...
- Slideout.js – 触摸滑出式 Web App 导航菜单
Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单.它没有依赖,自由搭配简单的标记,支持原生的滚动,您可以轻松地定制它.它支持不同的 CSS3 转换和过渡.最重要的是,它只是 ...
- js获取本机的外网/广域网ip地址
完整源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
- MAC下利用Github 、hexo、 多说、百度统计 建立个人博客指南
1.前期准备: (1)注册github账号 (2)安装xcode (3)安装node.js 2.创建repository: (1)开个github的个人主页,点击创建仓库按钮 New reposito ...
- 【初探Underscore】再说模版引擎
前言 Underscore 是一个JavaScript实用库,提供了类似Prototype.js (或 Ruby)的一些功能,但是没有扩展任何JavaScript内置对象. 它弥补了部分jQuery没 ...
- Icon Font浅谈
这周继续在弄hybird app 的 UI框架的重构,进行到了编写换肤功能的阶段,而在做换肤之前,我想应该先弄一套框架内置的图标. 而图标无非就是两种做法: 1.图片 使用图片很正常,但是有缺陷的. ...
- 一款实用的viewer.js 图片相册
Viewer.js 是一款强大的图片相册插件,像SNS交友网站一般都会用到点击缩略图,弹出层大图片,而且弹出层有多个控制按钮,比如放大缩小.旋转.撤回等,底部有缩略图列表可切换. 支持移动设备触摸事件 ...
- 百度在线编辑器UEditor(v1.3.6) .net环境下详细配置教程之更改图片和附件上传路径
本文是接上一篇博客,如果有疑问请先阅读上一篇:百度在线编辑器UEditor(v1.3.6) .net环境下详细配置教程 默认UEditor上传图片的路径是,编辑器包目录里面的net目录下 下面就演示如 ...
- ABAP 一个隐藏 selection-screen block的实例
以下是一个演示如何通过 selection-screen 中的pushbutton来动态改变屏幕上的字段的显示状态的(即显示或者隐藏). 注意:显示 通过本示例可知selection-scr ...
- MS15-020漏洞测试
名称:Microsoft DLL植入远程代码执行漏洞(CVE-2015-0096)(MS15-020) 了解:Microsoft Windows没有正确处理DLL文件的加载,存在远程代码执行漏洞,通过 ...