大致可以分为以下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合并单元格列。

HTML学习-2标记标签-1的更多相关文章

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

    三.表单元素 ①<form></form>表单标签,代表表单 主要属性:1.action提交到的页面.   2.method数据提交方式(get显示提交,有长度限制.post隐 ...

  2. 学习笔记_Java_day13_JSTL标签库（1、2、3、4、5、6、7、8）

    1.一种标签语言 day13 l  JSTL标签库(重点) l  自定义标签(理解) l  MVC设计模式(重点中的重点) l  Java三层框架(重点中的重点) JSTL标签库 1 什么是JSTL ...

  3. java continue break 关键字 详解 区别 用法 标记 标签 使用 示例 联系

    本文关键词: java continue break 关键字 详解 区别  用法 标记  标签 使用 示例 联系   跳出循环 带标签的continue和break 嵌套循环  深入continue ...

  4. JUnit5学习之五：标签(Tag)和自定义注解

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  5. HTML学习笔记之标签基础

    目录 1.基本标签 2.链接 3.图像 4.表格 5.列表 6.块与布局 1.基本标签 (1)标题与段落 标签 <h1> ~ <h6> 分别用于定义一至六级标题,标签 < ...

  6. 前端学习(一) body标签(上)

    body标签中相关标签 主要内容: 字体标签:  h1~h6.<font>.<u>.<b>.<strong><em>.<sup> ...

  7. 重温JSP学习笔记--JSTL标签库

    以前写jsp的时候对jstl标签库是有些抵触的,因为我觉得嵌入java代码的方式几乎无往不利,没有必要使用标签库,不过这次复习还是好好地学习了一下,发现这个还是很有用处的,用得好能省不少事,JSTL是 ...

  8. JAVA学习Swing章节标签JLabel中图标的使用

    package com.swing; import java.awt.Color; import java.awt.Component; import java.awt.Container; impo ...

  9. JQery w3school学习第一章 标签的隐藏和显示

    鄙人初学JQuery,最关键的是JQuery获取标签对象的方式 这一章学习的是点击按钮让所有标签的文字以及标签栏的位置隐藏起来,因为单纯的隐藏文字,还是会有空格和空行的影响 这里最关键的代码就是 $( ...

随机推荐

  1. 2.Linux技能要求

    Linux嵌入式工程师技能要求: 1.C语言                    具备C语言基础.理解C语言基础编程及高级编程,包括:数据类型.数组.指针.结构体.链表.文件操作.队列.栈.     ...

  2. （转载）关于java多线程web服务器 以及相关资料转载

    1.自己实现的简单的java多线程web服务器: https://blog.csdn.net/chongshangyunxiao321/article/details/51095149 自己实现一个简 ...

  3. levenshtein函数

    Levenshtein算法已在部分DBMS中实现. (例如:PostgreSQL:http://www.postgresql.org/docs/9.1/Static/fuzzystrmedi.html ...

  4. Quidway S系列交换机

    一. 华为交换机设备,以Quidway S系列命名,广泛适用于企业网.园区网和运营网络.Quidway S系列交换机包括: 接入层交换机 汇聚层交换机 核心层交换机 1.接入层交换机 包含两个系列: ...

  5. python模块: hashlib模块, configparse模块, logging模块,collections模块

    一. hashlib模块 Python的hashlib提供了常见的摘要算法,如MD5,SHA1等等. 摘要算法又称哈希算法.散列算法.它通过一个函数,把任意长度的数据转换为一个长度固定的数据串(通常用 ...

  6. 关于promise的几个认知

    1. 为什么要有promise ···从代码上来说回避了回调嵌套的问题,其次promise可以保留异步请求的状态(即使得到结果不立刻执行回调,过一阵再执行仍然是可以的.) ···从思想上来说,我们设计 ...

  7. 知识点：Navicet Mysql数据库电脑本地备份

    Navicet Mysql数据库电脑本地备份 1.打开navicat客户端,连上mysql后,双击左边你想要备份的数据库.点击“计划”,再点击“新建批处理作业”.     2.双击上面的可用任务,它就 ...

  8. WebSocket 启用压缩

    m_client.Compression = CompressionMethod.Deflate;

  9. 【 MAKEFILE 编程基础之四】详解MAKEFILE 函数的语法与使用！

    本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/gcc-makefile/771.html   ...

  10. 一个windows计划任务的Nginx日志自动截断的批处理命令

    net stop nginx taskkill /im nginx.exe /f cd E:\nginx e: set NO=%Date:~0,4%%Date:~5,2%%Date:~8,2% set ...