• 小白学习前端---第二天 HTML的基本属性————1


    一.HTML的属性

    1.1基本属性

    1.1.1三个基本属性

    class        定义类规则或者样式规则

    id         定义元素的唯一标识

    stype     定义元素的样式声明

    1.1.2不含三个基本属性的元素

    html、head    文档和头部信息基本结构

    title      网页标题

    base       网页的基准信息

    meta      网页元信息

    param      元素参数信息

    stype、script   网页的脚本信息和样式

    1.2语言属性

    1.2.1两个属性

    lang      定义元素的语言代码或者编码

    dir      定义文本的方向

    1.2.2不含语言属性的元素

    iframe、frameset、frame      网页框架架构

    br                 换行标识

    hr                 结构装饰线

    base               网页基准信息

    param               元素参数信息

    script                 网页的脚本

    列子:

    <html dir="rtl" xml:lang="zh-CN">
        <head>
            <meta http-equiv="content-type" content="text/html" charset="UTF-8"/>
            <title>标题在head标签中</title>
        </head>
        <body id="myid" lang="zh-CN">
            <h1>大标题</h1>
            <p><big>真香!!!</big></p>
            <p>真香</p>
        </body>
    </html>

    效果:

    1.3键盘属性

     accesskey      定义访问某一个元素的快捷键

     tabindex       定义tab键的索引编号

    列子:

    <html>
        <head>
            <meta http-equiv="content-type" content="text/html" charset="UTF-8"/>
            <title>tab键测试</title>
        </head>
            <from id="from1" name="from1" method="post" action="">
                <!--放在表格里-->
                <p><a  tabindex="1">输入你的账号<input type="text" name="text1" id="text1"/></a></p>
                <p>输入你的密码<input type="password" name="password1" id="password1"/></p>
                <p><a tabindex="2">你是一个有梦想的人吗? 是的<input name="checkbox1" type="checkbox"  id="checkbox1" value="1"/></a>
                    <a tabindex="3">怎么会不是呢?<input name="checkbox2" type="checkbox" id="checkbox2" value="2"/></a>
                </p>
                <p>你是小天才吗?
                    <input name="button1" type="radio" value="1"/>不是
                    <input name="button1" type="radio" value="1"/>第二个不是
                </p>
            </from>
    </html>

     效果:

     现在他的tab键的索引是按照你定义的顺序来进行的

    1.4内容属性

     1.4.1五个内容属性

     alt         定义元素的替换文本

     title       定义元素的提示文本

    longdese      定义元素包含的内容的大段描述信息

    cite        定义元素引用的信息

    datetime     定义元素包含内容的时间

     列子:

    <html>
        <head>
            <meta http-equiv="content-type" content="text/html" charset="UTF-8"/>
            <title>内容属性</title>
        </head>
        <body>
            <p><a title="当你的鼠标移动到这个元素上面的时候就会出现一个提示文本">把鼠标移动到这里</a></p>
        </body>
    </html>

    效果:

    1.4.2title属性不能运用的元素

    html head title base basefont meta param script这几个属性不能使用title属性

  • 相关阅读:
    idea 的maven窗口中dependencies有红线
    因SpringBootApplication指定scanBasePackages后,出现问题
    You have an error in your SQL syntax
    如何在Interceptor中使用@Autowired
    idea如何修改默认的${user}值
    idea如何创建类和接口时,自动添加类注释或接口注释?
    安装postman时报错
    https网站如何访问http接口
    Docker启动tomcat容器后访问404
    Python中and_Or
  • 原文地址:https://www.cnblogs.com/SAM-CJM/p/9768847.html
Copyright © 2020-2023  润新知