HTML笔记

Posted 2021-09-15 liu_kaiyao

1、html

超文本标记语言
1. 是标记语言，告诉浏览器如何解析html文件
2. 超文本与普通文本的区别
    普通的文本：
        纯字符
    超文本：
        图片、链接、音视频...
3. 浏览器会按照从上往下的顺序解析文件
4. 对于语法错误不会打印出来
5. 可以使用.html和.htm作为文件后缀

8、元素属性

1) 核心属性
    id      唯一标识
    title   标题提示
    style   样式
    class   类名
2) 特有属性
    img   src 加载的图片的地址
          alt 图片无法加载时的文本提示
          
    a     href 访问的链接
          target 设置打方式
          _self   在当前选项卡打开链接
          _blank  新建选项卡打开链接

9、html语法

1) 在css中的注释 /* 注释 */
   在html中的注释 <!-- 注释 -->
2) 空格 &nbsp;    
3) 在文档中无论出现多少个空白或者换行，浏览器都解析为一个空白
    

2.块级元素和行内元素

块级元素
    div、h1~h5、p、html、body
    1) 独占一行空间，不与其他元素共享空间
    2) 宽度默认是100%，也就是占满整个屏幕，高度由内容撑开
    3) 可以设置宽高
行内元素
    span、i、bold、img、a、strong
    1) 可以与其他元素共享一行空间
    2) 宽度由内容决定
    3) 默认情况下不可以设置宽高
       (给行内元素设置宽高--先将行内元素设置为块级元素或者是行内块元素，再设置宽高)

如何转换块级元素和行内元素?

块转行：
    display：inline；
行转块：
    display：block；
将元素转换为行级，保留块级特征（宽，高）
    display：inline-block；

5、表格

table
    属性:border、bgcolor、cellspacing、cellpadding、width
    thead  
        tr th
    tbody   
        tr td    
合并单元格
    跨行合并 rowspan
    跨列合并 colspan

6、表单

form
    作用：用于数据的交互        
    action  访问接口的地址
    method  表单提交的方式
        post      get      put    delete

post和get方式的区别？

        get 
            1. 会将请求的数据拼接再浏览器的地址栏上
                www.baidu.com?name=tom&age=12，不安全
            2. 请求数据的大小有限制
        post 
            1. 会将数据放在请求体中，比较安全
            2. 对于请求数据的大小一般没有限制

表单组件

        input
            type
                text    单行文本框
                password    密码框
                radio   单选按钮
                checkbox    复选框
                reset   重置表单
                submit  提交表单
                file    文件按钮
                        上传图片、上传附件
                        文件服务器(图片服务器、文件服务器)
        select    下拉菜单
            option
        textarea
        button
        label(取值为某一个id，可以将label与具有当前id的表单元素绑定)