Html笔记

49 阅读2分钟
9月30日

网页的形成

文件扩展名.html Htlm使用标记标签来描述网页 eg.视频 ,图片

Web组成

  • HTML结构

  • CSS表现

  • JS行为 引擎

网页

双标记 有头有尾

文档的声明与字符编码

固定

告诉html的标准 要按哪一种来运行 最新 语言 en英语 zh-CN 中文 ja-jp 日文

<meta charest="***"字符集 UTF-8默认

文本标题

自动加粗独占一行 (h1-h6)

段落文本 标识一个段落 <p> </p> 换行 <br/> 水平线 <hr>

扩展

<u>文本</u>下划线

<sub></sub>下标

<sup></sup>上标

删除线<del>文本<del>

删除<s>

倾斜 <em>强调文本</em> <i>倾斜文本</i>

加粗

<b>加粗内容</b>

<strong>强调的内容</strong>突出的文本

color 颜色 width 宽度 align 对齐方式 noshade取消阴影

div标签 划分页面区域 独占一行

span 文本独立修饰时使用

列表

ol有序列

1.ol只能放li,li里可以随意放标签

2.数字是自动生成的

3.type:A a i 1 I

star 从哪开始 取值只能是数

无序列表Ul

1.ul里面只能发li,li里可以放其他标签

2.默认为黑色实心圆

3.type: disc黑色实心 circle 空心圆 square 正方形 none (使用广泛)

同级目录 code.gif ./code.gi (./为当前路径)

路径分类

绝对路径:文件在硬盘上真正存在的路径 使用/分隔

相对路径:相对于自己的目标文件位

超链接标签 内容

Target属性

target="_self"默认值

target="_blank" 新窗口打开

表格属性

1.宽度 width

2.高度 height

3.边框 border

4.边框颜色 bordercolor

5.背景颜色 bgcolor

6.水平对齐 align =" left 或 right 或 center "

7.cellspacing ="单元格与单元格之间的间距"

8.cellpadding ="单元格与内容之间的空隙

行tr属性

1.高度 height

2.背景颜色bgcolor

3.文字水平对齐align="left或right或center”

4.文字垂直对齐valign=“top或middle或bottom";

注:td:如果一个单元格的设置宽度,影响整列的宽度

如果一个单元格的设置高度,影响整行的宽高度

表格合并

Colspan="所要合并的列数“ 必须加td

Rowspan="所要合并的行数”必须加td

表单标签

表单作用 手机信息

注:提交信息到 action指定的地址

input

A.属性 type 定义输入框的类型

a) 文本框type="text" 密码框type="password"

b)提交框 type=" submit"和提交按钮 一样 c)按钮框type="button"单纯的按钮 d)重置框 type= “reset”清空的效果

B.属性placeholder描述输入字段预期值的简短的提示信息。兼容到IE8以上

C.属性 name必须设置,否则在提交表单时,用户在其中输 的数据不会被发送给服务器

D. 属性 value