HTML 基础篇

最新推荐文章于 2024-01-15 15:08:05 发布

网络安全-生

最新推荐文章于 2024-01-15 15:08:05 发布

阅读量546

点赞数

分类专栏：计算机渗透测试技术文章标签： html web安全网络零基础学网络安全网络安全安全

本文链接：https://blog.csdn.net/zxcvbnmasdflzl/article/details/131611140

版权

本文介绍了HTML的基本结构和常用标签，包括字符集、头部标签如<head>、<title>、<meta>，正文标签如<body>、<h1>至<h6>、<p>、<a>、<img>，列表、表格和表单元素。还涉及了HTML5的DOCTYPE声明和字符集设置，以及框架和内联框架<iframe>的使用。

摘要由CSDN通过智能技术生成

本章内容：

简介

1. HTML定义
2. 标签定义和属性
3. HTML5基本结构
4. HTML5字符集

<head>标签

1. <title>
2. <base/>
3. <link/>（rel、href、type）
4. <meta/>（http-equiv、name、content）

<body>标签

1. 块级标签 & 内联标签
2. 基本标签（<h1>~<h6>、<p>、<b> <strong>、<strike>、<u>、<em> <i>、<sup>、<sub>、<br>、<hr>、<div>、<span>）
3. 特殊符号（>、<、 、"、©...）
4. <a> 超链接标签(锚标签)（href、target、name）
5. <img> 图形标签（src、title、alt、width、height、align）
6. 列表标签（<ul>、<ol>、<li>、<dl>、<dt>、<dd>）
7. <table> 表格标签（<table> 、<caption> 、<tr>、<th>、<td>、<thead>、<tbody>、rowspan、colspan）
8. <from> 表单标签（action、method、enctype、<input>、<textarea>、<select>、<label>、<fieldset>）

框架

1. <frameset>
2. <iframe>

简介

HTML 是什么？

htyper text markup language 即超文本标记语言。

超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

标记语言: 标记（标签）构成的语言。

什么是标签:

是由一对尖括号包裹的单词构成例如: <html> *所有标签中的单词不可能以数字开头.
标签不区分大小写.<html> 和 <HTML>. 推荐使用小写.
标签分为两部分: 开始标签<a> 和结束标签</a>. 两个标签之间的部分我们叫做标签体.
有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/><hr/><input/><img/>
标签可以嵌套.但是不能交叉嵌套. <a><b></a></b>

标签的属性:

通常是以键值对形式出现的. 例如 name="nick"
属性只能出现在开始标签或自闭和标签中.
属性名字全部小写. *属性值必须使用双引号或单引号包裹例如 name="nick"
如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly

HTML5基本结构:

　　将HTML4中的DTD定义为如下结构即可，其他不变。

1	`<!DOCTYPE HTML>`

HTML5支持的两种指定页面使用的字符集的方式:

使用Content-Type指定字符集

1	`<meta` `http-equiv="Content-Type" content="text/html ;charset=UTF-8"/>`

直接使用charset指定字符集

1	`<meta` `charset="UTF-8">`

<head> 标签

<title>

1	`<title>Title</title>`

<base/>

标签为页面上的所有链接规定默认地址或默认目标。

+ View Code

<link/>

引用外部文档，常见于引用外部样式。重要属性有三个：rel、href、type。

rel 规定文档与被链接文档之间的关系。

　　 rel="dns-prefetch" 预先解析缓存文档中使用的域名，目的是为了提高网页访问速度。使用场景：在一个网页频繁使用其他域名资源时。
　　 rel="shortcut icon"或rel="icon" 在收藏和标题栏上用于显示的图标。示例：<link rel="icon" href="http://images.cnblogs.com/cnblogs_com/suoning/845162/o_s.png">。注意：IE浏览器只支持ico格式，为了兼容IE，图片文件采用ico格式。
　　 rel="stylesheet" 引用外部样式表。
　　 rel="nofollow" 用于指示搜索引擎不要追踪（爬虫抓取），减少垃圾链接。用于<a>标签，使用场景：网页不被信任或是不希望呗搜索引擎录入的网站。

href 资源的路径（相对路径/绝对路径）。

type 规定被连接文档的MIME类型，用于明确文件的打开方式。例如：.ico文件 image/x-icon。

<meta/>

定义关于HTML文档的元数据。重要的属性有三个：http-equiv、name、content

http-equiv 把conte