HTML笔记


HTML

一、 HTML基本结构

通过使用一致的标签名而让网页看起来更加整齐。

二、 网页基本标签

1. 标签对应

? 标题 title

? 段落 p

? 换行 < br / > 单标签

? 水平线 < hr /> 单标签

? 注释 < !-- 注释内容 -->

? 特殊符号 & nbsp;空格 and so on.

三、 图像标签

叄:


四、 超链接

叄:

1.链接其他网页

 

2.锚链接


context
单击此处,网页跳转到head处

note: 可以将一二两种方法混合起来使用,直接单击跳转到另一个网页的指定位置上。

3.功能性连接

邮件链接

打开邮箱编辑器,编辑邮件发送给mailto网址

五、 行内元素和块元素

1. 行内元素:所有元素只在一行中不换行。eg: p、h1-h6。

2. 块元素:每个内容独占一行。eg: div

六、 列表

叄:

1. 无序

  • 第一
  • 第二
  • 第三

2. 有序

  1. 优点
  2. 缺点
  3. 优缺点

3.自定义

要点:
1
2
3

七、 表格

叄:

成绩单
郭浩 数学 89
English 90
陈浩 数学 100
英语 100

note:其中rowspan是合并行,colspan是合并列。

八、 音频和视频

叄:

1、音频


2、 视频


九、 ifframe 内联标签

叄:

 
    单击启动百度

可以使用a标签控制内联标签链接的网址

十、 form 表单

叄:

action表示将信息提交的网址,method是提交的方法有get和post两种方法.

input类型想要提交数据必须设置name。

1、 文本框


2、 密码框

imput type="password" 除此之外与文本框使用相同。

3、 单选

        男
        女

4、 多选

    

爱好:篮球 足球 编程

5、 按钮

    

6、 滑块

    

7、 文本域

    

8、 列表框

    

十一、 input标签应用

1、 hidden 隐藏

2、 readonly 只读

3、 disabled 不可用

十二、 初级验证信息

1、 placeholder 提示信息

2、 required 非空判断

3、 pattern 正则表达式