HTML:Hyper Text Markup Language 超文本标记语言_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:48:10
Original
1109 people have browsed it

1.HTML是什么?
*Hyper Text Markup Language 超文本标记语言
*Hyper Text:超链接.把不同空间的资源,整合在一起,形成逻辑上的网状结构.
*Markup Language 标签语言.该语言是由标签构成.
*HTML文档=网页
*浏览器解析HTML
2.如何创建一个HTML文档 .
*后缀名:.html .htm 都可以;
*由作为文档的根元素,文档包含两部分.头部分和体部分
*body中的信息在浏览器正文中显示
*head中的信息不会在正文中显示.
3.关于标签的问题
*一对尖括号包裹的一个单词,html标签不能以数字开头(对所有标签语言都适用).
*标签一般要成对出现,分别叫做开始标签和结束标签.(建议大家做到).XHTML.
*自闭合标签.

*html不区分标签大小写. 和 是一个标签,建议大家使用小写.
4.关于标签的属性?
*属性书写的位置.应该写在开始标签中,不要写在结束标签中
*属性一般情况下都是以键值对的形式出现的.
*属性的值必须使用双引号或者单引号包裹.可以嵌套.

html语言 是不识别文本中的换行符和空格的.

基本标签:

换行符和n个空格对html而言,会被识别成空白符.
:换行标签.:文字标签 size 1~7 从小到大 color 颜色 1单词2#FF0000 3rgb(255,0,0) face 字体 :换行标签 .自带变大,变小功能和换行功能.取值1~6转义字符: 空格 <,> 分别对应小于号大于号.

:段落标签,上下空行


:水平线标签还有一些不常用的
Copy after login

图像标签

img标签:图像标签,用来在网页上表达图形. src : 图片的位置 alt : 图片的描述 usemap:使用图片的热点map标签:定义热点(地图) area标签:定义热点的信息 shape:形状 圆形 矩形 多边形 coords : 位置信息 href: 点击之后 做什么
Copy after login

分类列表

dl: 定义一个列表dt: 定义列表的一个标题dd: 定义列表的每一项ol: order list 定义有序列表 type: 决定序号类型 A a I i 1 start: 从几开始计数li: list item 列表每一项ul:unorder list 定义无序列表 type:disc (原点) square circle
Copy after login

a超链接标签

href: 如果要链接到站外需要打 http:// 如果要链接到站内不需要打协议名 发送邮件使用 mailto: 迅雷协议:thunder:F1213ABC target:目标 1._blank :在新的页面打开我们的链接 baidu搜索结果: 都是在新的页面打开 google搜索结果:都是在原有页面打开 2._parent :在原有页面打开链接 _self _top 3.framename : a标签 锚点的应用 两部分 1.定义锚点位置   2.连接到锚点位置  
Copy after login

table:表格

border:表格的边框cellpadding:表格的内边距cellspacing:表格的外边距width:指定表格的宽度 像素的方式和百分比的方式height :表格的高度tr: table row 行td: table data cell 单元格th: table head 表头 rowspan:规定单元格占多少行 colspan:规定单元格占多少列
Copy after login

框架标签:

frameset : 定义框架集合 rows: 将页面按行分 cols: 将页面按列分frame: src: 指定框架页面显示的内容在哪 noresize:不能改变框架的大小 scrolling:是否显示滚动条 frameborder:框架的边框宽度框架是可以嵌套来实现一些效果的.
Copy after login

head中标签:

1.元信息 meta2.引入类 css3.代码类 css js
Copy after login

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如果想预定义一些内容在里面.那么,直接写到标签体中.
Copy after login

注意:form要把所有需要提交的内容包裹起来即可;

其它标签:

pre:将内容原样输出.值得是格式上的
fieldset:修饰内容的.通常修饰form

Direction(方向) 属性:left ,right, down, up
Behavior(行为) 属性:scroll, alternate ,slide

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!