html标签的使用

时间 2019-11-18

标签 html 标签使用栏目 HTML 繁體版

原文原文链接

一、html格式javascript

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

二、标签的使用(1)标签的使用css

(1)标签的使用
        a：
    （1）超连接
        href 超连接的地址
        target: _self 默认 在当前中打开连接地址
                   _blank  在空白的页面打开链接地址
    （2）标签内部跳转
        锚点 默认有点击行为。咱们能够javascript:void(0);阻止a标签的默认点击行为。
            <a href="#peiqi"></a>  
            <a href="javascript:void(0);"></a>
                 
    img
        src:链接的图片资源
        alt:图片资源加载失败。显示的文本
            
    ul: unordered list 无序列表 ul下的子元素只能是li
        li:
            type='circle' 圆心
            type='square' 方块
        ol:
            ordered list
            只能是li
        dl：定义列表
            dt:定义标题
            dd:定义描述
            
        
    table  border='1' style="border-collapse:collapse;"
        tr  表格行
        td  表格描述
    form
        HTTP协议
        action:提交的服务器网址
        method:get(默认)| post(应用：登陆注册、上传文件)
        页面中的a img link 默认是get请求
            
    input
        type:
            text: 文本输入框
            password:密码输入框
            file:文件按钮 提交文件的时候必定要用post 必定要给form标签添加 Enctype='multipart/form-data'
            submit:提交按钮
            button:普通按钮
        name:提交到服务器端的key
        value: 显示的文本内容，与服务器端的value
        placeholder：文本代替
                        
    label
        for:是与下面的某个表单控件的id属性进行关联
                    
                
    （3）css的三种引入方式
            - 行内样式
                注意：行内样式的优先级是最高的
            - 内接样式
            - 外接样式
                
    （4）基本选择器
         id选择器(用#号)
                选中的是特性 惟一的，不能重复
         标签选择器
                选中的是页面中共性的标签
         类选择器(用.号)
                选中的也是页面中共性的标签，类名能够有多个
         通配符选择器
                一般是对页面进行重置样式表