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

WBOY
Freigeben: 2016-06-24 11:48:10
Original
1163 Leute haben es durchsucht

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而言,会被识别成空白符.<br>:换行标签.<font>:文字标签        size 1~7 从小到大        color 颜色 1单词2#FF0000 3rgb(255,0,0)         face 字体 <hn>:换行标签 .自带变大,变小功能和换行功能.取值1~6转义字符:      空格    <,> 分别对应小于号大于号.<p>:段落标签,上下空行</p>
<hr>:水平线标签还有一些不常用的 <b> <u> <i> <sub> <sup></sup></sub></i></u></b></hn></font>
Nach dem Login kopieren

图像标签

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

分类列表

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

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>
Nach dem Login kopieren

table:表格

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

框架标签:

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

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.元信息    meta2.引入类    css3.代码类    css    js
Nach dem Login kopieren

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

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

其它标签:

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

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage