大致可以分为以下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. Office 2016 Pro Plus \ Project 专业版 \ Visio 专业版 \ 64 位vol版本方便KMS小马oem

    在使用上,零售版和批量授权版并没有区别,只是授权方式方面的区别,相对而言,VOL 版的更容易激活一些,其他并没有什么区别了. 有需要的可以在下面下载:(以下均是 64位VL 版) 版本:Office ...

  2. PAT 乙级 1049 数列的片段和(20) C++版

    1049. 数列的片段和(20) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CAO, Peng 给定一个正数数列,我们可以从中截 ...

  3. Zabbix 课程大纲

    Zabbix 课程笔记  day1 Zabbix 安装  day1 Zabbix 添加主机 day1 Zabbix 创建监控项目 day1 Zabbix 创建触发器 day1 Zabbix 告警内容配 ...

  4. HDOJ 2005 第几天?

    #include<iostream> using namespace std; ] = { ,,,,,,,,,,, }; ] = { ,,,,,,,,,,, }; bool isRYear ...

  5. datetime模块常用功能小结

  6. [UE4]非常实用的插值Lerp

    Alpha的数值范围是0到1. if(Alpha==0) ReturnValue=A if(Alpha==1) ReturnValue=B 如果Alpha在0到1之间,Alpha值越接近0则ReVal ...

  7. [UE4]widget事件:On Mouse Enter、On Move Leave、Set Color And Opactiy

    只要是widget对象,都具有On Mouse Enter.On Move Leave事件

  8. Java中涉及线程和并发相关的内容

    1:线程池 与每次需要时都创建线程相比,线程池可以降低创建线程的开销,这也是因为线程池在线程执行结束后进行的是回收操作,而不是真正的 销毁线程. 2:ReentrantLock ReentrantLo ...

  9. android webview内存泄露解决方法

    完整的activity的onDestroy()方法:@Override protected void onDestroy() { if( mWebView!=null) { // 如果先调用destr ...

  10. jstat 详解

    最近项目里面使用到了多线程,有时候多线程会存在挂掉的情况,趁机好好学习总结一下JVM调优的方法. jstat使用: #jstat -help|-options #jstat -<option&g ...