大致可以分为以下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. 学习笔记之Machine Learning by Andrew Ng | Stanford University | Coursera

    Machine Learning by Andrew Ng | Stanford University | Coursera https://www.coursera.org/learn/machin ...

  2. 在OpenCV中要练习的一些基本操作

    OpenCV上手有一些基本操作要练习下,其实是想把OpenCV玩的像MATLAB一样熟 照着MATLAB的手册从前到后找了下自己经常用到的东西,要完成的操作有: // zeros ones eyes ...

  3. python之路——2

    王二学习python的笔记以及记录,如有雷同,那也没事,欢迎交流,wx:wyb199594 复习 1.编译型:一次性将全部的代码编译成二进制文件 c c++ 优点:运行效率高 缺点:开发速度慢,不能跨 ...

  4. c#day03

    c#中的随机数 Random random = new Random(); //随机1~200之间的一个数 random.Next(,); //怪兽:防御为10,血量为10 //玩家:随机8~12的攻 ...

  5. 常用docker镜像

    oracle12c: mkdir -p /path/to/oradata docker run --name oracle12c \ -p 1521:1521 -p 5500:5500 \ -v /p ...

  6. Windows Server 2012 R2 无法启用Microsoft .NET Framework 3.5 功能

    1 在新windows 2012 R2 上安装SQL 2014 ,提示需要安装 .NET Framework 3.5 2 在添加角色和功能--功能--.NET Framework 3.5,然后失败 3 ...

  7. BCGcontrolBar(六) RibbonBar编辑

    BCGcontrolBar 可以使用 Ribbon Designer方便的对 Ribbon条进行编辑 文件位置为 C:\Program Files\BCGSoft\BCGControlBarPro\D ...

  8. Python 画3D图像

    绘制一副3D图像 draw3D(X,Y,Z, angle) import numpy as np from matplotlib import pyplot as plt from mpl_toolk ...

  9. ZooKeeper系列（6）:ZooKeeper机制架构

    一.ZooKeeper权限管理机制 1.1 权限管理ACL(Access Control List) ZooKeeper 的权限管理亦即ACL 控制功能,使用ACL来对Znode进行访问控制.ACL的 ...

  10. 解决linux更新apt软件源时报出GPG错误

    今天给树莓派换源,爆出N个这错误: W: GPG error: http://mirrors.neusoft.edu.cn/raspbian/raspbian wheezy InRelease: Th ...