HTML入门知识_htlm相关知识-CSDN博客

本文链接：https://blog.csdn.net/sy1084462993/article/details/81231320

简介

HTML 是指超文本标记语言: Hyper Text Markup Language，它不是一种编程语言，而是一种标记语言（即一套标记标签，markup tag）
HTML 标签是由尖括号包围的关键词，如<html>；其通常是成对出现的，如<b>和</b>，第一个称为开始标签（或起始标签），第二个标签称为结束标签（或闭合标签）
HTML标签对英文字母大小写不敏感

语法

基础

标题，<h1>;~<h6>
段落，<p>
链接，<a>
图像，<img>，这个是自闭元素
闭合标签：<br />, <hr />, <area />, <base />, <img />, <input />, <link />, <meta />, <basefont />, <param />, <col />, <frame />, <embed />

元素

HTML元素以开始标签起始，结束标签终止
元素的内容是开始标签与结束标签之间的内容
空元素在开始标签中进行关闭，如<br/>

属性

属性一般描述于开始标签，以名/值对的形式出现

标题

标题通过<h1>~<h6>标签进行定义
水平线：<hr />
html注释：

段落

dir属性：可定义页面中文本排序的显示方向。值为ltr或rtl
**注意：**显示页面时，浏览器中会移除源代码中多余的空格和空行，所有连续的空格或空行都会被算做一个空格。若要取消这种默认转换，可使用<pre>标签

文本格式

b标签：粗体文本
i标签：斜体
strong标签：强调文本
em标签：强调文本
del标签：删除线
ins标签：下划线
sub标签：下标
sup标签：上标

链接

target属性: 定义文档在何处显示。若target="_blank"，则链接文档会在新窗口中打开；若target="_top"，则页面会跳出此时的框架
<a href="#id">xxx</a>，可将当前页面链接到指定id的位置，href="#"表示链接到当前页面顶部
**注意：**请始终将正斜杠添加到子文件夹。如href=“https://www.w3cschool.cn/html/"，若不加"/”，服务器会帮忙添加，并创建一个新的请求。

头部

可以添加在头部区域的元素标签为：<title>, <style>, <meta>, <link>, <script>, <noscript>, <base>

<base>: 描述了基本的链接地址/链接目标，该标签作为html文档中所有的链接标签的默认链接
<link>: 定义了文档与外部资源之间的关系，一般用于链接到样式表
<style>: 用于在html文档中定义样式信息
<meta>: 提供页面的一些基本数据信息（即描述了一些基本的元数据），如网页的描述，关键词，文件的最后修改时间，作者等等。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用
http-equiv: MIME文档头部包含名称/值对的名称；content: MIME文档头部包含名称/值对的值
<script>: 用于定义客户端脚本，或者通过src属性指向外部脚本文件

CSS样式

在HTML 4, 原来支持定义HTML元素样式的标签和属性已被弃用。这些标签将不支持新版本的HTML标签。
不建议使用的标签有: <font>, <center>, <strike>
不建议使用的属性: color 和 bgcolor.

图像

空标签
usemap: 可在图像上选择莫个区域作为可点击区域，并制成超链接

表格

caption: 定义表格的标题
th: 定义表格的表头
cellpadding: 单元格边沿与其内容之间的空白
cellspacing: 单元格与单元格之间的空间
table不建议作为布局工具使用

列表

ul: 无序列表
ol: 有序列表
li: 列表项

区块

块级元素：其通常会以新行来开始和结束，如<h1>, <p>, <ul>, <table>, <div>
内联元素：其通常不会以新行开始，如<b>, <td>, <a>, <img>, <span>

布局

建议使用div布局，而不是table

表单

表单是一个包含表单元素的区域。表单元素能够允许用户在表单中输入内容，通常被用到的是输入标签（<input>），其属性type可以设置为文本域，下拉框，单选框，复选框等。

框架

iframe: 内联框架，其可用来在当前HTML文档中嵌入另一个文档
frameborder: 用于设置iframe的边框是否显示
width,height: 用于设置iframe的长宽

字符实体

HTML 中的预留字符必须被替换为字符实体，如<，必须写出<或<或&#060

显示结果描述实体名称实体编号
空格    
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 " "
’ 撇号 '（IE不支持） '
© 版权 © ©

详见：https://www.w3cschool.cn/htmltags/ref-entities.html

显示结果	描述	实体名称	实体编号
	空格	` `	` `
<	小于号	`<`	`<`
>	大于号	`>`	`>`
&	和号	`&`	`&`
"	引号	`"`	`"`
’	撇号	`'`（IE不支持）	`'`
©	版权	`©`	`©`

URL: 统一资源定位符（Uniform Resource Locator），语法http://host.domain:port/path/filename

Scheme 访问用于…
http 超文本传输协议以http://开头的普通网页，不加密
https 安全超文本传输协议安全网页，加密所有信息交换
ftp 文件传输协议用于将文件下载或上传至网站
file 计算机上的文件

Scheme	访问	用于…
http	超文本传输协议	以http://开头的普通网页，不加密
https	安全超文本传输协议	安全网页，加密所有信息交换
ftp	文件传输协议	用于将文件下载或上传至网站
file		计算机上的文件

HTML 媒体

插件

<object>: 定义了在HTML文档中嵌入的对象（如在网页中嵌入Java小程序，pdf阅读器，flash播放器），所有主流浏览器都支持此标签。具有局部元素：data, type, height, width, usemap, name, form
<embed>: 定义内嵌对象。HTML4中不支持，HTML5中支持。
音频播放
视频播放