> 웹 프론트엔드 > HTML 튜토리얼 > HTML:Hyper Text Markup Language 超文本标记语言_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:48:10
원래의
1247명이 탐색했습니다.

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>
로그인 후 복사

图像标签

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.元信息    meta2.引入类    css3.代码类    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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿