HTML的学习总结-CSDN博客

本文链接：https://blog.csdn.net/LTB8888/article/details/114595716

经过2节课的时间对HTML文件的学习，目前对HTML文件有所了解，现将我所学的知识进行一个总结。

一.HTML的基本定义

HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。
HTML是超文本标记语言（HyperText Markup Language）的缩写。

我们用 HTML来构建 Web 页面即所谓的网页。
HTML部分为前端代码的三大部分（html，css，javaScript）之一，HTML也被称为页面的骨架。
在浏览器中看到的任何网页背后都是一个 HTML 文档，只要在网页上点击鼠标右键->查看源代码（用控制台工具也可）就可看到。

二.HTML元素（elements）

HTML 使用"标记"（markup）来注明文本、图片和其他内容，以便于在浏览器中显示。HTML 标记包含一些规定的"元素"如 <head>，<title>，<body>，<header>，<footer>，<article>，<section>，<p>，<div>，<span>，<img>，<aside>，<audio>，<canvas>，<datalist>，<details>，<embed>，<nav>，<output>，<progress>，<video> 等等。

2.1.元素标签

检查 HTML 文档你会发现，整个 HTML 就由一个个元素组成（可以嵌套），而元素则一般由一对标签（tag）构成。
1.首先标签一般分为双标签（<body>中间为内容</body>）和单标签（</br>）
2.前端代码中<meta charset="utf-8">中的"utf-8"所表示的意思为可将所有代码中的文字识别，不止于出现乱码。
3.图像标签：<img src="图片路径">。img表示为图像标签，src后跟图像的具体路径（必须写）。
4.链接标签：<a href="http://www.baidu.com" target="_blank">百度</a>。target的打开方式有两种。self为在原窗口打开，blank是在新窗口打开。
5.一些常见的文本标签及作用如下：

标签	标签作用
`<p></P>`	段落标签
`<h1></h1>`	标题标签
`</hr>`	水平线标签
`</br>`	换行标签
`<div></div>`	中间内容独立成行
`<pre></pre>`	中间内容按编写的内容显示
`<span></span>`	中间内容不独立成行
`<strong></strong>`	中间内容加粗
`<em></em>`	中间内容斜体
`<del></del>`	中间内容加删除线
`<ins></ins>`	中间内容加下划线

2.2表格标签

标签	标签作用
`<table>`	大表格标签
`<tr>`	表示行
`<td>`	表示格

三:表单

3.1.input控件

<input type="控件名">
控件名：
text–>文本框
possward–>密码框
radio–>单选按钮
checkbox–>多选按钮
checked–>默认选中

3.2.select下拉列表

下拉列表的使用举例如下：

<select>
<option>浙江</option>
<option>上海</option>
<option>重庆</option>
<option>宁夏</option>

4.列表

4.1.无序列表

<ul></ul>中间嵌套着一个或者多个<li></li>,每一个<li>表示一行列表。
举例如下：

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

4.2.有序列表

<ol></ol>中间嵌套着一个或者多个<li></li>,每一个<li>表示一行列表。
举例如下：

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