• 1-html标签介绍


    <style>
     p {
    	 color: #666666;
     }
     .list {
    	 width: 400px;
     }
    </style>
    
    <div class="list">标签内容</div>
    <br/>
    <img src="http://xx.com"/>
    

    HTML标签是由<>包围的关键词,例如<html>

    HTML标签通常成对出现,分为标签开头和标签结尾,例如<html></html>

    有部分标签是没有结束标签,成为单标签,单标签内必须用/结尾。例如<br/>

    页面中所有的内容,都要放在HTML标签中

    HTML标签主题分为三个部分:

    • 标签名称
    • 标签内容
    • 标签属性

    HTML标签具有语义化

    • 语义化,就是仅通过标签名就能判断出该标签的内容

    语义化的作用

    • 网页结构层次更清晰
    • 更容易被搜索引擎收录
    • 更容易让屏幕阅读器读出网页内容

    标签的内容就是一对标签内部的内容

    标签的内容可以是其他标签

    标签全局标准属性

    规定了8个全局标准属性

    class属性

    • 用于定义元素的类名

    id属性

    • 用于指定元素的唯一id
    • 注意该属性的值在整个HTML文档中具有唯一性

    style属性

    • 用于指定元素的行为样式
    • 使用该属性后将会覆盖任何全局的样式设定

    title属性

    • 用于指定元素的额外信息

    accesskey属性

    • 用于指定激活元素的快捷键

    tabindex属性

    • 用于指定元素在tab键下的次序

    dir属性

    • 用于指定元素中内容的文本方向
    • 属性值只有ltrrtl两种,分别是 left to rightright to left

    lang属性

    • 用于指定元素内容的语言

    HTML的全局事件属性

    window窗口事件

    onload在页面加载结束之后触发

    onunload在用户从页面离开时发生

    form表单事件

    onblur当元素失去焦点时触发

    onchange在元素的元素值被改变时触发

    onfocus当元素获得焦点时触发

    onreset当表单中的重置按钮被点击时触发

    onselect在元素中文本被选中后触发

    onsubmit在提交表单时触发

    keyboard键盘事件

    onkeydown在用户按下按键时触发

    onkeypress在用户按下按键后,按着按键时触发。该属性不会对所有按键生效,不生效的有,alt,ctrl,shift,esc

    onkeyup当用户释放按键时触发

    mouse鼠标事件

    onclick当元素上发生鼠标点击时触发

    onblclick当元素上发生鼠标双击时触发

    onmousedown当元素上按下鼠标按钮时触发

    onmousemove当鼠标指针移动到元素上时触发

    onmouseout当鼠标指针移出元素时触发

    onmouseover当鼠标指针移动到元素上时触发

    onmouseup当在元素上释放鼠标按钮时触发

    media媒体事件

    onabort当退出时触发

    onwaiting当媒体已停止播放但打算继续播放时触发。

    版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!
  • 相关阅读:
    C/C++学习的50个经典网站
    C++ 调用C++写的函数库的2种方法之一(显式调用)
    C++ 调用C++写的类库的2种方法之一(隐式链接)
    几个第三方yum源
    网站运维管理工具
    网站架构文章收集
    linux setup 相关text mode图形配置工具的安装
    nfs 安装配置
    centos6.4 minimal 安装kvm
    keepalived
  • 原文地址:https://www.cnblogs.com/dashucoding/p/14186096.html
Copyright © 2020-2023  润新知