HTML:Hyper Text Markup Language 超文本标记语言
2015-03-17 10:29
363 查看
1.HTML是什么?
*Hyper Text Markup Language 超文本标记语言
*Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构.
*Markup Language 标签语言.该语言是由标签构成.
*HTML文档=网页
*浏览器解析HTML
2.如何创建一个HTML文档 .
*后缀名:.html .htm 都可以;
*由作为文档的根元素,文档包含两部分.头部分和体部分
*body中的信息在浏览器正文中显示
*head中的信息不会在正文中显示.
3.关于标签的问题
*一对尖括号包裹的一个单词,html标签不能以数字开头(对所有标签语言都适用).
*标签一般要成对出现,分别叫做开始标签和结束标签.(建议大家做到).XHTML.
*自闭合标签.
*html不区分标签大小写. 和 是一个标签,建议大家使用小写.
4.关于标签的属性?
*属性书写的位置.应该写在开始标签中,不要写在结束标签中
*属性一般情况下都是以键值对的形式出现的.
*属性的值必须使用双引号或者单引号包裹.可以嵌套.
html语言 是不识别文本中的换行符和空格的.
注意:form要把所有需要提交的内容包裹起来即可;
fieldset:修饰内容的.通常修饰form
Direction(方向) 属性:left ,right, down, up
Behavior(行为) 属性:scroll, alternate ,slide
*Hyper Text Markup Language 超文本标记语言
*Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构.
*Markup Language 标签语言.该语言是由标签构成.
*HTML文档=网页
*浏览器解析HTML
2.如何创建一个HTML文档 .
*后缀名:.html .htm 都可以;
*由作为文档的根元素,文档包含两部分.头部分和体部分
*body中的信息在浏览器正文中显示
*head中的信息不会在正文中显示.
3.关于标签的问题
*一对尖括号包裹的一个单词,html标签不能以数字开头(对所有标签语言都适用).
*标签一般要成对出现,分别叫做开始标签和结束标签.(建议大家做到).XHTML.
*自闭合标签.
*html不区分标签大小写. 和 是一个标签,建议大家使用小写.
4.关于标签的属性?
*属性书写的位置.应该写在开始标签中,不要写在结束标签中
*属性一般情况下都是以键值对的形式出现的.
*属性的值必须使用双引号或者单引号包裹.可以嵌套.
html语言 是不识别文本中的换行符和空格的.
基本标签:
换行符和n个空格对html而言,会被识别成空白符. <br>:换行标签. <font>:文字标签 size 1~7 从小到大 color 颜色 1单词2#FF0000 3rgb(255,0,0) face 字体 <hn>:换行标签 .自带变大,变小功能和换行功能.取值1~6 转义字符: 空格 <,> 分别对应小于号大于号. <p>:段落标签,上下空行 <hr>:水平线标签 还有一些不常用的 <b> <u> <i> <sub> <sup>
图像标签
img标签:图像标签,用来在网页上表达图形. src : 图片的位置 alt : 图片的描述 usemap:使用图片的热点 map标签:定义热点(地图) area标签:定义热点的信息 shape:形状 圆形 矩形 多边形 coords : 位置信息 href: 点击之后 做什么
分类列表
dl: 定义一个列表 dt: 定义列表的一个标题 dd: 定义列表的每一项 ol: order list 定义有序列表 type: 决定序号类型 A a I i 1 start: 从几开始计数 li: list item 列表每一项 ul:unorder list 定义无序列表 type:disc (原点) square circle
a超链接标签
href: 如果要链接到站外需要打 http:// 如果要链接到站内不需要打协议名 发送邮件使用 mailto: 迅雷协议:thunder:F1213ABC target:目标 1._blank :在新的页面打开我们的链接 baidu搜索结果: 都是在新的页面打开 google搜索结果:都是在原有页面打开 2._parent :在原有页面打开链接 _self _top 3.framename : a标签 锚点的应用 两部分 1.定义锚点位置 <a name="_xxx"> </a> 2.连接到锚点位置 <a href="#_xxx"> </a>
table:表格
border:表格的边框 cellpadding:表格的内边距 cellspacing:表格的外边距 width:指定表格的宽度 像素的方式和百分比的方式 height :表格的高度 tr: table row 行 td: table data cell 单元格 th: table head 表头 rowspan:规定单元格占多少行 colspan:规定单元格占多少列
框架标签:
frameset : 定义框架集合 rows: 将页面按行分 cols: 将页面按列分 frame: src: 指定框架页面显示的内容在哪 noresize:不能改变框架的大小 scrolling:是否显示滚动条 frameborder:框架的边框宽度 框架是可以嵌套来实现一些效果的.
head中标签:
<!-- 决定该页面的内容类型和 字符编码 --> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <!-- refresh刷新页面 3秒后刷新页面 --> <meta http-equiv="refresh" content="3;url=http://www.baidu.com" /> 1.元信息 meta 2.引入类 css 3.代码类 css js
form标签:
action:将表单提交到哪里 method: get/post 表单默认提交方式get方式. get:将提交的键值对显示在url上. 1.不安全 2.url长度有限制 post: 键值对没有显示在url上. 1.安全一些 2.理论上没有限制. input 标签 type: *text 文本框 *password 密码框 *radio 单选框 *submit 提交按钮 *reset 重置表单所有内容 *checkbox 多选框 *file 上传文件 *hidden 隐藏字段,用户看不到,但是提交是有效果的. name:我们表单项以什么作为key提交 value:我们表单项以什么作为值提交 checked:如果type是单选或者多选,那么加上这个属性表示默认被选中 readonly:使选项变成只读的.不能更改但是可以提交. disabled:使某个选项失效,不能更改.并且不能提交. select 标签: 下拉菜单 size属性:决定下拉选项的显示个数 multiple属性:可以多选. option标签: 下啦菜单中的每一项 selected:默认被选中 textarea标签:用来装大文本. name:属性,提交的key 如果想预定义一些内容在里面.那么,直接写到标签体中.
注意:form要把所有需要提交的内容包裹起来即可;
其它标签:
pre:将内容原样输出.值得是格式上的fieldset:修饰内容的.通常修饰form
Direction(方向) 属性:left ,right, down, up
Behavior(行为) 属性:scroll, alternate ,slide
相关文章推荐
- HTML:Hyper Text Markup Language 超文本标记语言
- HTML (Hyper Text Markup Language) 常用标签 H
- 一、HTML【HyperText Markup Language超文本标记语言】简介
- HTML超文本标记语言学习-1
- HTML(超文本标记语言)
- 38.超文本标记语言HTML详解(上)
- html 超文本标记语言
- 超文本标记语言HTML
- 源码变换 超文本标记语言(即HTML),是用于描述网页文档的一种标记语言。 HTML通过文本来描述文档显示出来应该具有的“样子”。它主要通过标签来定义对象的显示属性或行为。
- HTML(超文本标记语言)-----WEB开发基础之二
- HTML超文本标记语言基本语法结构与“head”部分的知识点
- HTML (超文本标记语言)
- HTML超文本标记语言常用的一些标签
- HTML超文本标记语言学习2.--层叠样式表的使用
- 超文本标记语言-html的初尝试
- 超文本标记语言(HTML)大全
- html - 超文本标记语言
- html超文本标记语言
- 超文本标记语言HTML
- 前端小白学习路线之HTML超文本标记语言