html基础

最新推荐文章于 2024-07-09 19:16:57 发布

大眼yan瞪小眼yan

最新推荐文章于 2024-07-09 19:16:57 发布

阅读量352

点赞数 7

分类专栏： web 文章标签： html

本文链接：https://blog.csdn.net/shengli515/article/details/116175838

版权

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

什么是 HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容

HTML 文档的结构

（1）文档类型声明

（2）html 标签对

（3）head 标签对

（4）body 标签对

***html的文档结构***
//使用！+Tab 按键那么就可以自动生成HTML文档模板 <!DOCTYPE html> //文档类型 html ----MIME类型 <html lang="en"> //language=“en” zh-cn 属性节点 <head> <meta charset="UTF-8"> //源编码字符集----utf-8 <title>Document</title> //标题 </head> <body>//文本节点正文 </body> </html>

（5）Html的格式由两个种类的标签构成：单标签和双标签 ,例如：<html> </html> 和 </br>；

html相关标签（部分）：

<head> 定义关于文档的信息。
<header> 定义 section 或 page 的页眉。
<hgroup> 定义有关文档中的 section 的信息。
<hr> 定义水平线。
<html> 定义 html 文档。
<i> 定义斜体文本。
<iframe> 定义行内的子窗口（框架）。
<img> 定义图像。
<input> 定义输入域。
<ins> 定义插入文本。
<keygen> 定义生成密钥。
<isindex> HTML 5 中不支持。定义单行的输入域。
<kbd> 定义键盘文本。
<label> 定义表单控件的标注。
<legend> 定义 fieldset 中的标题。
<li> 定义列表的项目。
<link> 定义资源引用。
<map> 定义图像映射。
<mark> 定义有记号的文本。
<menu> 定义菜单列表。
<meta> 定义元信息。
<meter> 定义预定义范围内的度量。
<nav> 定义导航链接。
<noframes> HTML 5 中不支持。定义 noframe 部分。
<noscript> 定义 noscript 部分。
<object> 定义嵌入对象。
<ol> 定义有序列表。
<optgroup> 定义选项组。
<option> 定义下拉列表中的选项。
<output> 定义输出的一些类型。
<p> 定义段落。

（详情可查阅w3cschool :https://www.w3school.com.cn/html/index.asp）

html表单

HTML 表单用于搜集不同类型的用户输入，登陆、注册、表格的提交都需要使用表单；

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

表单使用表单标签(<form>)定义。

相关表单元素（部分）：

action -----表单提交路径 -----跳转的功能

（注意：? 号表示的是路径的跳转地址结束& 号表示的是属性之间的间隔）

method -----提交的方式：get 和post

（post请求提交时路径上没有属性的信息相对安全,文件上传时使用 ; Get 请求提交路径上存在属性的信息 ,属性值 url的地址最大为64kb,不安全）

<input> 输入

Type ----- text password checkbox radio submit reset file 等等

Text ----文本框

Password ----密码框

Checkbox ---多选框

Radio ----单选框

Submit ----提交按钮

Reset ----重置按钮

File -----文件上传

a标签

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性，它指示链接的目标。

在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的(alink)
已被访问的链接带有下划线而且是紫色的(vlink)
活动链接带有下划线而且是红色的(link)

imag标签

img 元素向网页中嵌入一幅图像。

请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

<img> 标签有两个必需的属性：src 属性和 alt 属性。

效果图：

表格

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

效果图：

列表：

（1）无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

（2）有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

多窗口框架frameset

通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架框架结构标签（<frameset>）

框架结构标签（<frameset>）定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积

框架标签（frame），frame标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。

HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：

< frame src="frame_a.htm">

</frameset>

注意：<frameset>标签不能和body标签连用

(详情可查阅w3cschool :https://www.w3school.com.cn/html/index.asp)

大眼yan瞪小眼yan

关注

7
点赞
踩
4

收藏

觉得还不错? 一键收藏
4
评论
html基础

什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (HyperTextMarkupLanguage) HTML 不是一种编程语言，而是一种标记语言(markup language) 标记语言是一套标记标签(markup tag) HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是成对...
复制链接

扫一扫