HTML：Hyper Text Markup Language 超文本标记语言

2021-08-28 21:59:29

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

转义字符:

    &nbsp; 空格

    &lt;,&gt; 分别相应小于号大于号.

<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 提交button

            *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

码农公寓