HTML的基本语法

HTML

html文件是浏览器负责解析和展示的

HTML

基础结构

根标签：

文件的根标签，所有的其他标签都要在这个标签中间

html根标签下有两个一级子标签

头部元素

:头标签，定义那些不直接展示，但又很重要的内容

主体元素

体标签，定义要展示在页面中的内容

指定字符集

：表示用utf-8对页面进行解码

文档声明

专业词汇

标签：页面中的一对<>

属性：对标签特征进行设置的一种方式，属性一般在开始标签定义

文本：双标签中间的文字

元素：开始标签+属性+文本+结束标签 称之为一个元素

常见标签

标题标签

~

标题标签号越大，字体越小

段落标签

p是段落标签

换行标签

是普通换行，是单标签

---

是带分割线的换行，也是单标签

列表标签

有序列表 ol 无序列表 ul 列表项 li

列表标签之间也可以进行嵌套

  
数据结构
  
面向对象
  
变量
  
函数



  
JAVA
  
C
  
C#
  
php

超链接标签

a标签：

• href属性：用于定义跳转的目标资源的地址
• target属性：用于定义目标资源的打开方式

• • _self：在当前窗口打开目标资源
  • _blank：重新开启新窗口打开目标资源

相对路径：以当前资源为出发点去找目标资源

./：表示的当前资源所在的路径，可以省略不写

../：表示当前资源的上一层路径，需要时必须写出

绝对路径：无论当前资源在哪里，使用固定的位置作为出发点去找目标资源，以/开头

图片标签

img标签

• src属性 定义图片的路径
• title属性 定义鼠标悬停时提示的文字
• alt属性 定义图片加载失败时提示文字

表格标签

table：整个表格

• thead 表头
• tbody 表体
• tfoot 表尾

tr表示表格中的一行

td表示表格一行中的每一个单元格

th自带加粗居中效果的td

td中有两个属性：

• rowspan：把该单元格向下拓展多少列
• colspan：把该单元格向右拓展多少行

    
    
    


    
员工技能竞赛评分表
    

        

            

                
排名
                
姓名
                
分数
            
            
        
        

            

                
1
                
张小明
                
100
            
            

                
2
                
李小东
                 
99
            
             

                
3
                
王小虎
                
98
             
        
    

表单标签

表单标签可以实现让用户在界面上输入各种信息并提交的一种标签，是向服务端发送数据的最重要的方式之一

form标签，表单标签，其内部用于定义可以让用户输入信息的表单项标签

• action, form标签的属性值，用于定义信息提交的服务器的地址
• method，form标签的属性值，用于定义信息的提交方式

• • get方式，数据会缀到url后，以？作为参数的开始，多个参数用&隔开
  • post方式，数据会通过请求体发送，不会在缀到url后

get和post的区别

get

1. 参数会以键值对的形式放在url后提交
2. 重要数据直接暴露在地址栏上，相对不安全
3. 地址栏长度有限制，所以提交的数据量不大
4. 地址栏上只能是字符，不能提交文件
5. 相比于POST效率高一些

POST

1. 参数默认不会放到url后面
2. 数据不会直接暴露在地址栏上，相对安全
3. 数据是单独打包通过请求体发送的，提交的数据量比较大
4. 请求体中可以是字符，也可是字节数据，可以提交文件

表单项标签

表单项标签必须要定义name属性，该属性用于明确提交的参数名

表单项标签还需要定义value属性，该属性用于明确提交的实际参数的值，value就是输入框中的默认值

input：

type：输入信息的表单项类型

text：单行普通文本框

password：密码框

submit 提交按钮

reset 重置按钮

radio 单选框，多个单选框使用同一个name的时候，会产生互斥效果，单选框中使用checked属性，可以设置默认选择

checkbox 复选框 多个选项选多个

file：文件上传框

hidden：隐藏域，不显示在页面上，提交的时候携带

readonly：只读，提交时携带

disabled：不可用，提交时不携带

textarea：多行文本框

select：下拉框

option：每个选项，如果想要默认选中要用selected

布局标签

div，h1~h6是块元素，自己独占一行，块元素的CSS样式的宽高都是生效的

span，img，a是行内元素，不会自己独占一行，行内元素的CSS样式的宽高大部分都是不生效的，span可以划定范围，把css样式专门作用在某些范围之内