• HTML学习-2标记标签-1


    大致可以分为以下6类学习:

    1、通用标签。

    2、常用标签。

    3、表格标签。

    4、表单元素。

    5、框架。

    6、其他。

    一、通用标签、及属性

    1、<body></body>标签,主体标签,属性bgcolor背景色、text字体颜色、background背景图(body标签属性)。

    2、路径,即文件的路径,file:。而/代表根。

    ①绝对路径,从根开始,即从盘符开始,以/索引下一级目录。

    例如file:///D:/aa/bb/cc.jpg为D盘目录下aa文件夹目录下bb文件夹目录下的图片cc。

    ②相对路径,从自身开始。这里./为当前目录,这里../上级目录。

    例如file:///D:/aa/bb/cc/dd/ee.jpg,当前目录为cc则输入../../dd/ee.jpg。

    3、格式控制类

    ①<font></font>,font标签规定文本的字体、大小、颜色,其属分别为face、size、color。

    ②<i></i>,i标签为显示倾斜效果。

    ③<b></b>,标签为显示加粗效果。

    ④<u></u>,标签为文本添加下划线效果。

    ⑤<strong></strong>,标签为强调文本,效果为加粗。——着重内容。

    ⑥<em></em>,标签为强调文本,效果为倾斜。——强调内容。

    ⑦<br />单标签,为换行。

    ⑧&nbsp; 空格,如果n个空格则重复写n个&nbsp;。

    !注释:

    通过查询搜索得知,<b>与<strong>以及<i>与<em>的效果分别在网页上默认相同的,

    但是<b><i>标签为实体标签,<strong><em>为强调标签并可以通过css改变具体表现形式,如下划线,加大,颜色等。

    4、内容容器

    ①<h1><h2>.....<h6>,标题标签,双标签,最大为h1,最小为h6。!注释:仅仅用作标题标签,不要用它改变同一行的字体大小,应该用层叠样式表定义效果。

    ②<p></p>段落标签。!注释:p标签会自动在其前后创建一些空白,并显示,可以在样式表中规定

    ③<span></span>层标签,用来组合行内元素。!注释:没有固定的格式表现,对它应用样式才会产生视觉变化。

    ④<div></div>层标签,块级元素,默认占一行。!注释:定义文档中的分区或节,把文档分割为独立的不同的部分。可以用作严格的组织工具,并且不使用任何格式与其关联。

    ⑤<ol></ol>有序列表标签,<li></li>列表项目。!注释:用css定义列表类型。

    ⑥<ul></ul>无序列表标签,<li></li>列表项目。!注释:用样式定义列表类型。

    二、常用标签

     ①<a></a>超链接标签,最重要的属性是href,该属性指向目标链接。!注释:a标签的内容可以是文字文本,可是图片甚至是其他元素标签。

         <a>标签的功能分为:下载用、链接用、锚点(<a name="top"></a>锚点,跳到锚点位置<a name="#top"></a>)!注释:文本文档、网页文件、图片不下载

    ②<img />图片标签。属性:src图片路径,width、height图片的宽和高,alt显示文字,title图片标题放上显示。

    三、表格标签

    ①<table></table>表格标签,定义HTML表格。

       常用属性:width表格宽度,值有百分比和像素两类,写法:width="300",width=50%;

                        border规定边框粗细,0为无,1为1像素。!注释:  值发生变化时只有最外层边框发生变化,内部边框无变化。

                        cellspacing单元格边距。

                        cellpadding单元格内间距,单元格文字与单元格的距离。

                       bordercolor边框颜色。

    <tr></tr>行标签,定义表格的行。

    <th></th>表头标签,第一行。

    <td></td>定义单元格。常用属性:width宽height高,bgcolor背景颜色,align水平对齐(left左对齐,right右对齐,center居中),valign垂直对齐(top靠上,bottom靠下,middle中间),rowspan合并单元格行,colspan合并单元格列。

  • 相关阅读:
    6-8 Percolate Up and Down (20分)
    6-7 Isomorphic (20分)
    6-5 Evaluate Postfix Expression (25分)
    服务器磁盘满无法释放空间解析及解决
    必会的MySQL操作方法
    Tomcat基本安装和优化方法
    Nginx常用配置及优化安全
    Redis笔记整理(三):进阶操作与高级部分
    Redis笔记整理(二):Java API使用与Redis分布式集群环境搭建
    Redis笔记整理(一):Redis安装配置与数据类型操作
  • 原文地址:https://www.cnblogs.com/wannian/p/8214709.html
Copyright © 2020-2023  润新知