学习记录——HTML | 易学教程

HTML:最基础的网页开发语言。

超文本：用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
标记语言：由标签构成的语言。标记语言不是编程语言。

标签分为：

围堵标签：有开始标签和结束标签。如<html></html>
自闭和标签：开始标签和结束标签在一起。如<br/>

标签学习:

文件标签：构成html最基本的标签

html:html文档的根标签
head:头标签，用于指定html文档的一些属性。引入外部资源
title:标题标签
body:体标签
<!DOCTYPE html>:html5中定义该文档是html文档

文本标签：和文本有关的标签

注释：<!- -注释内容 - ->。
<h1> to <h6>：标题标签。
<p>：段落标签。
<br>：换行标签。
<hr>：展示一条水平线。
<b>：粗体显示。
<i>：斜体显示。
<font>:字体

图片标签：<img src=" ">

属性src:指定图片的位置。（相对路径：./代表当前目录。../代表上一级目录）

列表标签：

有序列表：<ol><li>某项列表内容</li></ol>
无序列表：<ul><li>某项列表内容</li></ul>
利用type属性改变列表展示样式。

链接标签：定义一个超链接。<a></a>

属性href:指定访问资源的URL。
属性target:指定打开链接的方式。_self默认值，在当前页面打开。_blank在空白页打开 。

div标签：每个div占满一整行，块级标签。
span标签：文本信息在一行展示，行内标签，内联标签。

语义化标签：html5中为提高程序的可读性，提供了一些标签。
```
<header>，<footer>
```

表格标签：

table:定义表格
		width:宽度
		border:边框
		cellpadding:定义内容和单元格的距离
		cellspacing:定义单元格之间的距离
		bgcolor:背景色
		align:对齐方式
tr:定义行
td:定义单元格
th:定义表头单元格
<caption>：表格标题
<thead>：表格的头部分
<tfoot>：表格的脚部分

表单标签：用于采集用户输入的数据，和服务器进行交互。

form:用于定义表单，可以定义一个范围，范围代表采集用户数据的范围
属性：
	action:指定提交数据的URL
	method:指定提交方式（一共有7种）
		get:
			1.请求参数会在地址栏中显示，会封装到请求行中
			2.请求参数的大小是有限制的
			3.不太安全
		post:
			1.请求参数不会在地址栏中显示，会封装在请求体中
			2.请求参数的大小没有限制
			3.较为安全
		表单项中的数据要想被提交，必须指定其name属性。

表单项标签：

   input:可以通过type属性值，改变元素展示的样式。
   	type属性：
   		text:文本输入框，默认值
   			placeholder:指定输入框的提示信息，当输入框的内容发生变化时，会自动清空提示信息
   		password:密码输入框
   		radio：单选框
   			1.要想让多个单选框实现单选效果，则多个单选框的name属性值必须是一样的
   			2.一般会给每一个单选框提供value属性，指定其被选中后提交的值
   			3.checked属性，指定默认值
   		checkbox:复选框
   			1.一般会给每一个单选框提供value属性，指定其被选中后提交的值
   			2.checked属性，指定默认值
   		file:文件选择框
   		hidden:隐藏域，用于提交一些信息
   		按钮：
   			submit:提交按钮，可以提交表单
   			button:普通按钮
   			image:图片提交按钮
   				src:属性指定图片的路径
   	label:指定输入项的文字描述信息
   		label的for属性一般会和input的id属性值对应。如果对应了，则点击label区域，会让input的输入框获取到焦点
   	select:下拉列表
   			子元素：option,指定列表项
   	textarea:文本域
   		cols:指定列数，每一行有多少个字符
   		rows:指定行数

来源：CSDN

作者：小张洁

链接：https://blog.csdn.net/qq_42822404/article/details/104334938

标签

html语言

科普