【狂神说html笔记】常用标签

:使用html5规范

html： html文档的根标签

head： 头标签。用于指定html文档的一些属性。引入外部的资源

title： 定义标题

body： 体标签（只有在body内写的才会显示出来）

:注释：

：描述网站信息

    
    
    


    


helloworld

标题标签：

xxx

:一级标题

xxx

:二级标题

一级标题

二级标题

三级标题

 段落标签：

123 456
789 2
>

 换行标签：

123 456

789 2

 水平线标签

---

 字体样式标签：

粗体:

斜体：

粗体
斜体

 特殊符号标签：&

&输入首字母会出现列出所有....

空格   

空     格

如果不用 ，那么无论中间空多少个空格，网页只会显示一个空格

大于号>

小于号<

版权符号：©©

图像标签：

src:路径地址（分为相对路径和绝对路径）（必填）

alt:图片名称（必填）

width:宽

heigths高

一般在同级目录下建一个资源包，把文件粘贴到其中，此时路径地址写相对地址

../表示上一级目录

链接标签：

页面间链接：

href :必填,表示跳转到哪个页面

target="_blank":在新标签页打开

target=“_self”：在自己网页中打开

点击进入百度>

用图片作为超链接：

锚链接：

1、需要一个锚标记

2、跳转到标记

使用name作为标记，通过#t跳到标记

跳转到名的位置

12345

12345

12345

12345

12345

12345

12345

12345

12345

12345

12345

12345

12345

12345

12345

12345

    回到顶部>

 锚链接也可以到其他网页的标记位置

功能性链接：

邮件链接：

联系邮件>

---

行内元素：内容撑开宽度，左右都是行内元素的可以排在一行

块元素：无论内容多少，该元素独占一行（p ,h1.....）

---

列表标签：

列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息

有序列表，无序列表，自定义列表

    
java
    
python
    
c++



    
java
    
python
    
c++




    
    
学科

    
java

    
python
    
位置
    
江苏
    
上海

 表格标签：

基本结构：单元格，行，列，跨行，跨列

    

         
1-1
        
1-2
        
1-3
        
1-4
    
    

        
2-1
        
2-2
        
2-3
        
2-4
    

 跨行跨列：（合并单元格）
 

    


         
1-1

    
    


        
2-1
        
2-2
        
2-3
        
2-4
    
    


        
3-2
        
3-3
        
3-4
    

 媒体元素：

视频元素：

音频元素   

页面结构分析：

元素名	描述
header	标题头部区域的内容（用于页面或页面的一块区域）
footer	标记脚部区域的内容（用于整个页面或页面的一块区域）
section	Web页面中的一块独立区域
artilcle	独立的文章内容
aside	相关内容或应用（常用于侧边栏）
nav	导航类辅助内容

网页头部
网页主体
网页底部
>

iframe内联框架:

网站中内嵌一个网站

w-h:宽度高度

表单语法

    
注册
    
名字:
    
密码:
    


        
        
    

get方式提交：    可以在url中看到提交的方式，不安全，高效

post方式提交：  安全，可以传输大文件

表单元素格式：

属性	说明
type	指定元素类型。 text password checkbox radio (单选框) submit reset file hidden image buuton 默认为text
name	指定表单元素的名称（必填）
value	元素的初始值。type为raido必须指定一个值
size	指定表单元素的初始宽度 当type为text或password时，表单元素的大小以字符为单位 对于其他类型，宽度以像素为单位
maxlength	type为text或password时，输入的最大字符数
checked	type为radio或checkbox时，指定按钮是否被选中

单选框：type   value  name（组）

   性别
    
 男
    
女

name相同在同一组，只能选一个

多选框checkbox 

  爱好:
    睡觉
    唱歌
    聊天

默认值checked，表示默认在哪一项

    聊天

按钮button

name ，value为按钮上的值

图片按钮：

点击图片提交表单

文件域：

input type="file"

 

邮件验证

数字验证：

最大值100 ，最小值0，步长为10 

滑块：

搜索框：

 

下拉框：

国家

    中国
    美国
    瑞士
    印度

默认值selected表示默认在哪一个

印度

文本域textarea

 表单的应用：

只读：readonly

禁用：disabled

隐藏：hidden 框没了，属性还在

表单初级验证：

placeholder:提示信息

用于输入框中

    用户
    

required:元素不能为空

   
    用户
    

    

 pattern 正则表达式

用百度搜 常用正则表达式