关于css:HTML笔记

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 的表单元素绑定)