一、基础
    在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. (easy)LeetCode 202.Happy Number

    Write an algorithm to determine if a number is "happy". A happy number is a number defined ...

  2. 翻译:Knockout 轻松上手 - 1 Knockout 是什么?

    原文名称:KnockoutJS Starter Knockout 是一个非常棒的脚本库,可是我发现许多人并不了解它,所以,思胜翻译了这本著作. 这一节,我们将会讨论 Knockout 可以做什么,又如 ...

  3. SDUT 3311 数据结构实验之串三:KMP应用

    数据结构实验之串三:KMP应用 Time Limit: 1000MS Memory Limit: 65536KB Submit Statistic Problem Description 有n个小朋友 ...

  4. 代码生成器(CodeBuilder) 2 正式发布

    CodeBuilder是一个通过获取数据库表和字段定义,通过模板转换生成三层结构.实体模型等代码的工具. CodeBuilder第一版距今已过去4个年头了,第一版做的功能繁多,体积庞大,但是用起来不太 ...

  5. C/c++笔试经典程序(一)

    1.输出结果比较 1) 输出结果:21 2) 输出结果:12.虽然循环只进行了一次,但是对!X++来说,X还是进行了自加运算. 2.指针运算 输出结果8,8.程序运行时,printf语句是从右往左进行 ...

  6. 如何切换android的横屏与竖屏?

    选中需要切换的模拟器,按住CTRL+F11或者CTRL+F12即可进行切换.

  7. 【SET】ORACLE SET 命令

    set colsep' ';     //-域输出分隔符 set echo off;     //显示start启动的脚本中的每个sql命令,缺省为on set echo on             ...

  8. linux内核学习(一步一步走)——内核概述

    一.用户空间与内核空间: 用户通过用户空间与操作系统打交道,程序员开发或使用的应用程序位于用户空间.用户空间不能直接访问内核,从而不能访问硬件资源,但是可以通过内核定义的最外层例程——系统调用来访问. ...

  9. Could not resolve this reference. Could not locate the assembly

    Rebuild Project 的时候提示找不到NewtonJson 组件,重新添加了Dll(Newtonsoft.Json.dll),依然抛错. 解决办法,将Dll(Newtonsoft.Json. ...

  10. OpenGL函数解析之glLoadIdentity()

    函数原型:void glLoadIdentity(void) 函数说明:调用glLoadIdentity()函数可以恢复初始坐标系,用一个4x4的单位矩阵来代替当前矩阵,实际上就是对当前矩阵进行初始化 ...