Wild Web,万维网)的核心语言,由SGML发展而来。HTML(Hyper Text Markup Language/超文本标记语言)是一种布局语言,告诉浏览器显示什么内容以及如何显示内容。浏览器解释执行HTML语句,再通过一个HTML绘制引擎在屏幕上绘制文本和图形等内容。HTML是开放的全球性标准,使用HTML编写的网页文件,可以在全世界几乎所有的浏览器上显示。在www网络中通常使用http协议传输html
2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。目前HTML5发展迅速,首先在手机网页中替代了HTML4.0,PC机由于系统升级缓慢,HTML5并没有完全普及目前新版的浏览器已经开始支持HTML5
IE9及其更高版本
Chrome
Firefox
Safari
Opera
国产的IE或Chrome核心浏览器对于程序员来说,HTML5保持了原先的结构,淘汰了很多特性,并增加了很多新特性
标签前面带’*'表示此标签在HTML5不常用或者用CSS取代;例如:…
HTML由内容和标签组成。标签是在HTML中尖括号中的部分,尖括号以外的部分就是内容。标签的作用就是指示浏览器怎样显示内容。
例:<开始标签>内容</结束标签>
开始标签告诉浏览器进行怎样的处理,从哪里开始处理,结束标签告诉浏览器处理在哪里结束。
例:请用显示标题
如:一个最简单的HTML例子
HTML标签通常是成对出现。浏览器从左至右、至上而下,解释执行HTML。标签定义该脚本语言是脚本语言。标签定义网页的属性信息。标签中的内容才能实际显示在网页中,该标签有很多属性。
字体与颜色,标签定义文字的详细属性。
face:将文本变为指定字体。
size:将文本变为指定字号。
color:将文本变为指定颜色。支持特定的命名颜色和RGB颜色值。
加粗:斜体:下划线:
通过定义标题。
此标签仅定义一个标题的容器,具体样式需要结合样式表定义
图片标签:或表示一个图片属性:
src:图片地址(网址/相对地址/绝对地址)
*width:宽度
*height:高度
*border:边框宽度
*alt:图片注释
图片标签仍在使用,但除src属性外,其他属性已基本被淘汰,取而代之的是使用CSS样式表定义图片属性
链接标签属性:
href:链接地址(网址/相对地址/绝对地址)
target:链接目标(在何处打开链接,_self、_blank、_parent或name)
name:位置点定义链接地址可跟#name,表示页面滑动到name处显示,如:
点击后,会链接到index.html页面并滑动到位置点处显示
点击后,滑动到本页的位置点处显示
表格行列
按照 的顺序写,如:
table标签属性
*cellpadding
cellspacingtable、tr、td属性
*border:边框宽度
*bordercolor:边框颜色
*background:背景图片
*bgcolor:背景颜色
*width:宽度
*height:高度
*align:水平排列(left、right、center)
*valign:垂直排列(top、middle、bottom)td属性:
colspan:单元格横向合并
rowspan:单元格纵向合并
表格边框由table边框和td边框构成
表单标签具有HTML5新属性
用于容纳和提交表单控件,属性:
action:提交的地址method:提交的方式(post/get)
post:将数据放入http消息体中提交
优点:安全、传输的数据量大;缺点:数据构造不方便get:将数据以键值对的方式放入url中提交
优点:数据构造方便(可直接放入链接地址);缺点:数据量受限于url最大长度、不安全
target: 与链接中的target属性相同enctype:编码方式,提交的post数据编码方式
application/x-对字符做urlencode编码multipart/form-data:不做字符编码,上传文件时需要text/plain:空格转换为 “+” 加号,但不对特殊字符编码。
表单控件用于数据的输入和提交
文本框:
密码框:
单选框:
复选框:
文件选择框:
隐藏表单:
按钮:
提交按钮:
重置按钮:
下拉菜单:
多行文本框:
*maxlength:能够输入的最大字符数,用于文本输入表单readonly:只读*size:字符宽度check:是否被选中name:表单提交时的键名value:表单提交时的值
由于HTML标签无法被显示出来,但如果用户需要显示的内容包括HTML标签可使用HTML转义字符:
;表示左尖括号(<);表示右尖括号(>);表示双引号(”);表示空格……
换行标签:网页中内容换行使用,HTML源代码的回车换行符并不会被解析为换行
目前框架页已较少使用,HTML5中不再支持框架页
用于将一个页面分为若干个子页面,每个子页面都是独立的页面,可以单独访问。
标签及属性
rows代表上下分,153,*代表上部高度为153PX,下部为剩余宽度cols代表左右分,*代表左右不划分
name:子页面的名称,与标签中的target的名称对应scrolling:是否打开滚动条noresize:不允许拖动子页面大小src:子页面的来源地址
注意
不能放在或<内。在框架页面中,父页面用来定义框架及子页面属性,子页面的具体内容仍在子页面中。父页面与子页面都是独立的页面,可以单独访问,只是在父页面中引用了子页面。框架中还可以再套框架。如果一个主页要用左右框架式页面来做,那么需要做3个页面,一个父页面,用来定义框架,两个子页面,供父页面调用。
iframe常被用于在网页中挂木马,目前较少使用
用于向页面中嵌套一个子页面,属性:
*frameborder:规定是否显示框架周围的边框,取值0或1*height:iframe的高度,像素(数字)或百分比(数字%)*width:iframe的宽度,像素(数字)或百分比(数字%)*name:iframe的名称,与标签中的target属性中的name关联*scrolling:是否显示滚动条,取值yes、no或autosrc:规定在iframe中显示的页面的HTML内容
此类标签具有HTML5新特性
HTML5广泛使用以下容器标签布局。
行内容器:块容器:列表容器:列表项:
写到这里也就结束了,EverdayForCode再也不想当咸鱼,EverdayForCode也要改变平凡的命运。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61376.shtml