html标签的使用

1、html格式

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

</body>
</html>

2、标签的使用(1)标签的使用

(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选择器(用#号)
                选中的是特性 唯一的,不能重复
         标签选择器
                选中的是页面中共性的标签
         类选择器(用.号)
                选中的也是页面中共性的标签,类名可以有多个
         通配符选择器
                通常是对页面进行重置样式表        

猜你喜欢

转载自www.cnblogs.com/P-Z-W/p/11227060.html