大致可以分为以下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. CTE(Common Table Expression) 公用表表达式

    在编写T-SQL代码时,往往需要临时存储某些结果集.前面我们已经广泛使用和介绍了两种临时存储结果集的方法:临时表和表变量.除此之外,还可以 使用公用表表达式的方法.公用表表达式(Common Tabl ...

  2. oracle基础语句学习

    1.寻找公司所有部门信息 select * from dept; 2.寻找特定列 select dept_name from dept; 3.使用列别名 基本书写方法:列名 列别名 列名 as 列别名 ...

  3. 在linux下，去除^M，将windows格式文件(dos文件)改为unix格式文件

    在Windows系统下编辑的文件,换行符回车的格式为'\r\n',在linux系统下,回车的格式为'\n',在Windows下编辑的文本文件在上传至linux服务器时,回车'\r\n'就显示成^M+' ...

  4. 查看hbase中的中文

    python: print '\xE4\xB8\xAD\xE5\x9B\xBD\xE7\x9A\x84\xE4\xB8\x8A\xE5\x8D\x88'.decode('utf-8')

  5. Windows下 训练Tesseract实现识别图片中的文字

    介绍 Tesseract是一个基于Apache2.0协议开源的跨平台ocr引擎,支持多种语言的识别,在Windows和Linux上都有良好的支持. 源代码在这: 源码地址 有一个编译打包好的Windo ...

  6. javaweb项目中遇到的一些乱码问题

    在做javaweb项目时,我们经常会遇到一些乱码问题: 首先,确定一点思想:要想不乱码,你要保证编码一致就行了,即统一编码~ 其一,jsp等页面中的中文显示乱码(这里不只是说jsp文件,其它文件也有这 ...

  7. 在javascript中toString 和valueOf的区别

    1.toString()方法:主要用于Array.Boolean.Date.Error.Function.Number等对象转化为字符串形式.日期类的toString()方法返回一个可读的日期和字符串 ...

  8. CS229 6.5 Neurons Networks Implements of Sparse Autoencoder

    sparse autoencoder的一个实例练习,这个例子所要实现的内容大概如下:从给定的很多张自然图片中截取出大小为8*8的小patches图片共10000张,现在需要用sparse autoen ...

  9. 《Linux 性能及调优指南》1.1 Linux进程管理

    https://blog.csdn.net/ljianhui/article/details/46718835 本文为IBM RedBook的Linux Performanceand Tuning G ...

  10. SP8093 JZPGYZ - Sevenk Love Oimaster(SAM)

    /* 打模板题啊 每个串影响到的集合直接枚举跳parent处理即可 */ #include<cstdio> #include<algorithm> #include<cs ...