HTML学习笔记_作为html文档中所有的超链接标签默认链接地址。-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_41081246/article/details/111341602

HTML学习笔记

什么是HTML?

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
标签不区分大小写，建议小写

HTML 元素

“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签

HTML 属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name=“value”

HTML5文档结构

<!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于标签之前
<html> 元素定义了整个 HTML 文档。
<body> 元素定义了 HTML 文档的主体,在网页上要展示出来的页面内容一定要放在body标签
<head> 元素包含了所有的头部标签元素：可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为:
<title>（标签定义了不同文档的标题，在 HTML/XHTML 文档中是必须的）
<style>（定义了HTML文档的样式文件引用地址，也可以直接添加样式来渲染 HTML 文档）
<meta>（描述了一些基本的元数据，不显示在页面上，但会被浏览器解析，通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据，可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。一般放置于 <head> 区域）
<link>定义了文档与外部资源之间的关系，通常用于链接到样式表
<script>加载脚本文件。如JavaScript
<noscript> 和 <base>（描述了基本的链接地址/链接目标，作为HTML文档中所有的链接标签的默认链接）

常见元素

标题通过 <h1> - <h6> 标签进行定义的
段落通过 <p> 标签定义的

超链接使用标签 <a>来设置
默认情况下，链接将以以下形式出现在浏览器中：未访问过的链接蓝色带下划线，访问过的紫色带下划线，点击时为红色带下划线；
href 属性描述了链接的目标；
target 属性（_blank、_self、_parent、_top、framename）可以定义被链接的文档在何处显示。

图像由<img> 标签定义（空标签，没有闭合标签）,inline元素，不是HTML页面的一部分，属性src,alt,width,height
<hr>直线，<br>换行不产生新段落，空格 

列表元素：
有序列表：<ol>有序列表也是一列项目，列表项目使用数字进行标记
无序列表：<ul>是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
列表项：<li>

table表格：table定义表格，thead定义表格的表头，tbody定义表格主体，tfoot表格中的页脚，td表格中的标准单元格，tr表格中的行，th定义表头单元格

form表单：表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)；method ：数据传送的方式（get/post）

输入元素：输入类型是由类型属性（type）定义的。大多数经常被用到的输入类型如下
文本域：当type="text"时，输入框为文本输入框;
密码字段：当type="password"时, 输入框为密码输入框；
数字字段：当type="number"时, 输入框为数字输入框；邮箱（email），网址（url）；
单选按钮：当 type=“radio” 时，控件为单选框；

同一组的单选按钮name取值一定要一致，这样同一组的单选按钮才可以起到单选的作用。
复选按钮：当 type=“checkbox” 时，控件为复选框
checked：当设置 checked=“checked” 时，该选项被默认选中
提交按钮：当type=”submit”时，定义了提交按钮
重置按钮：当type=”reset”时，清空表单
下拉选框：select标签包裹option标签
文本域：textarea

name：为文本框命名，以备后台程序ASP 、PHP使用。
value：为文本输入框设置默认值。(一般起到提示作用)
placeholder：提示作用
label标签：不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。