大致可以分为以下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. Java学习——上转型与下转型对象

    上转型:重写父类方法才调用子类方法,其他仍用父类的,包括被子类隐藏的父类成员变量,而且不能调用子类新增的成员变量和成员方法. 下转型:只能是转上去的才能转下去.下转型类似于该子类直接继承父类. pac ...

  2. [转]PLSQL 记住密码

  3. [C#][Quartz]帮助类

    本文来自:http://www.cnblogs.com/pengze0902/p/6128558.html /// <summary> /// 任务处理帮助类 /// </summa ...

  4. 04-ARP:地址解析协议

    当一台主机把以太网数据帧发送到位于同一局域网上的另一台主机时,是根据 48 bit的以太网地址来确定目的接口的.设备驱动程序从不检查 I P数据报中的目的I P地址. 地址解析为这两种不同的地址形式提 ...

  5. Abp.AutoMapper扩展(1) --static class AutoMapExtensions

    // 摘要:        //     Converts an object to another using AutoMapper library. Creates a new object    ...

  6. 基于 MBTiles 规范扩展的缓存文件格式说明

    MBTiles 是由 MapBox 制定的一种将瓦片地图数据存储到SQLite数据库中并可快速使用,管理和分享的规范.该规范由MapBox制定,详见http://mapbox.com/mbtiles- ...

  7. 搞定queryString

    querystring字面上的意思就是查询字符串,一般是对http请求所带的数据进行解析.querystring模块只提供4个方法: querystring.parse querystring.str ...

  8. Unity打包Android平台AssetBundle脚本

    注意,BuildTarget tagetPlatform参数为BuildTarget.Android using UnityEngine; using UnityEditor; public clas ...

  9. (转)C# WebApi 接口参数不再困惑：传参详解

    原文地址:https://www.cnblogs.com/landeanfen/p/5337072.html 本篇打算通过get.post.put.delete四种请求方式分别谈谈基础类型(包括int ...

  10. Don't afraid point

    int p; int *p; int p[3]; int *p[3];分析方式:首先从P开始分析,先与[]结合因为其优先级比*高,所以p是一个数组,然后再与*结合,说明数组里的元素是指针类型,然后再与 ...