zoukankan      html  css  js  c++  java
  • html个人浮水入门day02

    1.标签也称为标记或元素

    <body></body>

    1.1标签是可以相互嵌套的

      <a></a>超链接      <img/>图片标签

    <a>

       <img/>

    </a>

    *注意嵌套顺序

    1.2注释

    注释是不会被浏览器解释给用户的,是给程序员看的

    语法:<!--注释内容-->

    1.3标签属性

    标签属性是修饰标签内容的,属性排名不分先后

    语法:<标签  属性声名位置></标签>

               <table align="center"   title="这是属性值"></table>

         *属性声名位置必须在开始标签中

         *一个标签中可以有多个属性,用空格隔开

         *属性值都要放在“”

        *标准属性又称通用属性,每个标签都拥有的属性

           id:定义元素在页面中的唯一标识

          title:鼠标移到当前文本所显示的提示值

         class:定义样式时常用的属性

         style:定义行内元素的样式

    2.文本相关标记

    2.1 作用:不同的文本标记会给文本不同的显示效果

    2.2特殊字符

      &gt;大于号

      &lt;小于号

      &nbsp;空格

      &copy:© 版权符

    2.3 文本相关的标记

      2.3.1 文本样式

         <b></b>文本加粗

        <i></i>斜体

        <u></u>下划线

        <s></s>删除线

        <sup></sup>上标

        <sub></sub>下标

      2.3.2 标题元素

                  <hn></hn>(n:1~6)

           2.3.3段落元素

                <p></p>

          2.3,4换行元素

               <br></br>

         2.3.5分区元素

              (1)行分区

                        <span></span>

                         作用:对一行中特定的字段进行描述

                (2)块分区

                         <div></div>

                         作用:进行页面布局

          2.3.6行内元素和块级元素

                 (1)行内元素

                              特点: 不换行,可同其他行内元素一块在行内显示

                             <i></i>

                               <u></u>

                               <b></b>

                   (2)块级元素

                   特点:  块级元素独占一行,前后会换行

                        <p></p>

                        <hn></hn>

                        <div></div>

       注意:*所有的行内元素都不能嵌套块级元素

                 *块级元素可以嵌套所有行内元素

                  *p标签布能嵌套其他块级元素

                 *div可以嵌套所由块级元素

        2.3.7分隔符元素

               <br/> 单标签

      2.3.8预格式化标签

             <pre></pre>

             显示界面保留原文档的所有格式,空格、回车

                 

     

  • 相关阅读:
    布局-float-margin-padding
    乡镇投票笔记
    Ajax实战
    Form,tagName和nodeName的区别
    Form,选择并转移导航菜单
    如何在ajax请求中设置特殊的RequestHeader
    nginx配置转发详解
    利用循环遍历的方式判断某个对象是否属于这个数组
    几个原生js方法总结
    chrome JS关闭当前页无效问题
  • 原文地址:https://www.cnblogs.com/fbbg/p/10406972.html
Copyright © 2011-2022 走看看