一、基础
    在html中,标签通常是由开始标签和结束标签组成,开始标签用<标签名>,结束标签用</标签名>
 
   元素是指包括开始标签和结束标签在内的整体,内容是指出去开始标签和结束标签的部分
 
   属性是在开始标签中指定,用来描述标签。通常是"属性名"="值",多个属性之前用空格隔开
 
   文件的定位:1、绝对地址,以http/https开头
                        2、相对地址,用/(根目录)、./(当前目录)、../(父目录)表示
   
    颜色值的指定:1、用内置的颜色名称,如red
                            2、#+用16进制的RGB表示,如#FFFFF0,其中如果RGB的高4与低4位相同可以简写,如#CCCCCC简写为#CCC
    xml注释
   <!--  注释内容 -->
二、html格式
      <!DOCTYPE ~> ~表示html的版本
      <html>
      <head>
           <title></title>
     </head>
      <body>
      </body>
      </html>
三、设置文件信息
       这部分内容放置在head标签中
       1、title:html标题
       2、meta标签
              <meta http-equiv="Content-Type" content="text/html;charset=utf-8"
    
            <meta http-equiv="Content-Style-Type" content="样式表的种类" />

<meta http-equiv="Content-Script-Type" content="脚本的种类" />

          <meta name="keywords" content="关键字1,关键字2,…" />

<meta name="description" content="内容介绍" />

<meta name="author" content="作者姓名" />

必需的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性

描述

DTD

content

some_text

定义与 http-equiv 或 name 属性相关的元信息

STF

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性

描述

DTD

http-equiv

content-type

expires

refresh

set-cookie

把 content 属性关联到 HTTP 头部。

STF

name

author

description

keywords

generator

revised

others

把 content 属性关联到一个名称。

STF

scheme

some_text

定义用于翻译 content 属性值的格式。

STF

3、设置进入网页

link标签表示该文件和与其相关的文件的关系

<link rel=”关系” href=”URL”>    rel:在本页看到的,与URL标明的网页之间的关系

<link rev=”关系” href=”URL”>    rev:在URL标明的网页中看到的,与本页之间的关系

一般用于指定样式文件

<link rel="stylesheet" type="text/css" href="style.css" />

     可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性

描述

DTD

charset

charset

定义目标 URL 的字符编码方式。默认值是 "ISO-8859-1"。

STF

href

URL

目标文档或资源的 URL。

STF

hreflang

language_code

定义目标 URL 的基准语言。

STF

media

screen

tty

tv

projection

handheld

print

braille

aural

all

规定文档将显示在什么设备上。

STF

rel

alternate

appendix

bookmark

chapter

contents

copyright

glossary

help

home

index

next

prev

section

start

stylesheet

subsection

定义当前文档与目标文档之间的关系。

STF

rev

alternate

appendix

bookmark

chapter

contents

copyright

glossary

help

home

index

next

prev

section

start

stylesheet

subsection

定义目标文档与当前文档之间的关系。

STF

target

_blank

_parent

_self

_top

在何处打开目标 URL:

_blank - 在一个新的未命名的窗口载入文档

_self - 在相同的框架或窗口中载入目标文档

_parent - 把文档载入父窗口或包含了超链接引用的框架的框架集

_top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架

TF

title

字符串

为要链接的文档指定标题。在引用不带有标题的源(例如图像或非 HTML 文档)时,该属性非常有用。在这种情况下,浏览器会在显示被引用的文档时使用 <link> 标题。

STF

type

MIME_type

比如:

text/css

text/javascript

image/gif

规定目标 URL 的 MIME 类型。

STF

标准属性

id, class, title, style, dir, lang, xml:lang

4、设置标准URL

<base href=”绝对URL”>

<base href=”绝对URL” target=”目标名”>

通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中            包括 <a>、<img>、<link>、<form> 标签中的 URL。

四、标签

a
定义锚
   
abbr
表示一个缩写
   
address
定义一个地址
   
area 定义图像映射中的区域    
blockquote 定义一个块引用    
body 定义文档的主体    
br 换行符    
button 定义一个按钮    
caption 定义一个表格标题    
center 其所包括的文本水平居中    
col 为表格中一列或多列定义属性值   在table、colgroup中使用
colgroup 对表格中的列进行分组    
dl 定义列表    
dt 定义列表的项目    
dd 定义列表中的定义部分    
del 定义文档中已被删除的文本   和ins配合使用
dir 定力目录列表    
div 定义文档中分区或节    
fieldset 将文档中的相关元素分组    
font 定义文本的字体、字体尺寸、字体颜色    
form 创建表单    
frame 定义frameset中一个特定的窗口(框架)    
head 定义文档头部    
h1~h6 定义标题    
hr 定义水平线    
html 定义html文档    
iframe 创建包含另外一个文档的内联框架    
img 定义图像    
input 表单元素,用于搜集用户信息 。type不同,形式不同   text(文本),checkbox(复选框),radio(单选框),
button(按钮),file(文件),password(密码框),
hidden(隐藏域)
ins 定义已被插入文档中的文本    
label 标注    
legend 定义fieldset的标题    
li 定义列表项目   用于ol,ul中
map 定义一个客户端图像映射    
noframes 浏览器不支持框架时显示的文本    
noscript 定义脚本未被执行时显示的文本    
object 定义一个嵌入的对象    
option 定义下拉列表中的一个选项   用于select中
optgroup 定义选项组    
p 定义段落    
param 为object提供参数    
pre 定义预格式化的文本    
q 定义一个短引用    
s/strike 定义加删除线的文本    
script 定义客户端脚本    
style 定义css样式    
sub 定义下标文本    
sup 定义上标文本    
table 定义表格    
thead 定义表格头部   用于table
tbody 定义表格内容部分   用于table
tfoot 定义表格页脚   用于table
tr 定义表格中的行   用于table
td 定义表格中内容部分的单元格   用于table
th 定义表格中头部部分的单元格   用于table
title 定义html文档的标题    
u 定义加下划线的文本    
ul 定义无序列表    
ol 定义有序列表    
 
        

【积硅计划】html标签的更多相关文章

  1. 【积硅计划】http协议基础

    http:超文本传输协议,它允许将超文本标记(html)文档从web服务器传送到浏览器.目前版本HTTP/1.1   http请求过程:   proxy:代理服务器,网络信息的中转站.功能如下:   ...

  2. UPYUN云服务体验计划,阅读神器Kindle、LaCie移动硬盘、索尼大法充电宝、高大上极路由、UPYUN代金券等你拿!

    请看以下的“通关攻略”,分享你对云服务的“体验心得”,即可赢取绝佳的“通关宝藏”,阅读神器Kindle.LaCie移动硬盘.索尼大法充电宝.高大上极路由.UPYUN代金券等你拿!先来了解下UPYUN能 ...

  3. 使用SPLUNK进行简单Threat Hunting

    通过订阅网上公开的恶意ip库(威胁情报),与SIEM平台中网络流量日志进行匹配,获得安全事件告警. 比如,这里有一个malware urls数据下载的网站,每天更新一次: https://urlhau ...

  4. fist-第八天冲刺随笔

    这个作业属于哪个课程 https://edu.cnblogs.com/campus/fzzcxy/2018SE1 这个作业要求在哪里 https://edu.cnblogs.com/campus/fz ...

  5. [C/C++] C/C++延伸学习系列之STL及Boost库概述

    想要彻底搞懂C++是很难的,或许是不太现实的.但是不积硅步,无以至千里,所以抽时间来坚持学习一点,总结一点,多多锻炼几次,相信总有一天我们会变得"了解"C++. 1. C++标准库 ...

  6. 今天又学了一招,牛逼!!!解决"-bash:No such file or directory"问题

    今天在64服务器上:发现好像bash 坏了,用户名前边   用-bash 显示,,前几天就发现这个问题,,,但是当时忙没有解决,,,,,今天来看看到底是怎么回事! File Exists but... ...

  7. 国内及Github优秀开发人员列表

    自从入了Android软件开发的行道,解决问题和学习过程中免不了会参考别人的思路,浏览博文和门户网站成了最大的入口.下面这些列表取名为:国内及Github优秀开发人员列表,就是浏览后的成果. 虽然下述 ...

  8. 转:CSS布局奇淫技巧之-宽度自适应

    css这个东西,说难不难,说容易也不容易.我觉得最重要的还是经验的积累,正所谓的不积硅步,无以至千里.这一系列文章讲述几种css特殊布局的实现,也当作为自己做个备忘吧. 首先讲的是三列布局,左右两列宽 ...

  9. MVC使用Bootstrap

    ASP.NET MVC使用Bootstrap系列(5)——创建ASP.NET MVC Bootstrap Helpers 摘要: 序言ASP.NET MVC允许开发者创建自定义的HTML Helper ...

随机推荐

  1. C#中如何设置窗体的默认按钮和取消按钮

    可以直接在窗体的AcceptButton和CancelButton中设置相应的按钮. 也可以在后头通过代码设置: this.AcceptButton = (IButtonControl)btnSave ...

  2. [HDU 1114] Piggy-Bank (动态规划)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1114 简单完全背包,不多说. #include <cstdio> #include < ...

  3. java 实例之杨辉三角

    public class study{ public static void main(String args[]){ int i,j,level=7; int Yang[][] = new int[ ...

  4. 制作Win7(x86)PE ISO文件

    WinPE3.1     —Win7 x86 PE V3.1: waik_supplement_zh-cn.isoDVD: cn_windows_7_professional_with_sp1_x86 ...

  5. DP Hrbust1186青蛙过河

    http://acm.hrbust.edu.cn/index.php?m=ProblemSet&a=showProblem&problem_id=1186 #include<st ...

  6. CODESOFT中怎样打印数据库中的特定数据?

      CODESOFT可用于打印.标记和跟踪的零售库存标签软件,每种产品的售卖都代表着需要打印大量的条码标签.通常我们采用的方法就是在CODESOFT连接数据库批量打 印.但是如果数据量很大,该如何选择 ...

  7. Tasks、 activity 及 activity stack

    一. Activity的四种加载模式 Activity之间的跳转,或者说加载一个新的Activity,一般对于开发者来说,都不是一个太难的问题.直到后来随着不断的深入,才发现原来Activity的加载 ...

  8. FindResource函数错误代码:1813-找不到映像文件中指定的资源类型 与LoadResource函数错误代码:1812-指定的映像文件不包含资源区域

    HRSRC WINAPI FindResource( _In_opt_  HMODULE hModule, _In_      LPCTSTR lpName, _In_      LPCTSTR lp ...

  9. dll显式加载与隐式加载

    使用动态DLL有两种方法,一种是隐式链接,一种是显式链接,如果用loadlibrary就是显示链接,用lib就属于隐式链接. 两种方法对于你的程序调用动态库时没有任何区别,只是你在编程时,步骤是不一样 ...

  10. Oracle 学习系列之二(会话与事务级临时表和dual表 )

    一. 会话临时表 --创建会话临时表create global temporary table tmp_user_session(user_id int, user_name varchar2(20) ...