HTML学习_csdn html学习-CSDN博客

本文链接：https://blog.csdn.net/liulllnzjsjjsbsb/article/details/126231072

HTML简介

网页是怎样形成的？

网页通过浏览器才能访问阅读。
网页是网站中的一“页”。
文件扩展名.html。

什么是HTML

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

HTML指的是超文本标记语言
HTML不是一种编程语言，而是一种标记语言。
标记语言是一套标记标签。

web标准的制定

w3c万维网联盟

web标准的组成

1.HTML结构 w3c制定了结构HTML的语法，标准。 2.CSS表现 w3c制定了表现CSS的语法和标准。 3.JS行为 w3c,ECMA制定了行为标准

HTML的基本语法

1.<常规标记>(也叫双标记) <标记></标记> <标记属性=“属性值” 属性=“属性值”></标记> 标记也可叫标签或元素例如：<head></head> 2.空标记（也叫单标记） <标记/> <标记属性="属性值“/> 例如：

文档声明和字符编码

(特殊且固定的文档声明标签)
<html lang="en"> "en"代表英文 “zh-CN"代表中文 “ja-jp"代表日文
<html charset=""> ASCALL:英国信息交换标准代码 ISO-8959-1拉丁字母表的字符编码 GB2312：汉字编码字符集 UTF-8-Unicode:万国码字符编码

常用标签

文本标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

文本标签自带加粗，有自己的文本大小，并且独占一行，有默认间距。 2.段落文本（P)

段落文本内容

3.换行（br) 换行是一个空标记（强制换行） 4.水平线

空标记

5.加粗（strong) 加粗内容只是显示加粗 强调内容突出文本 6.倾斜（em) 强调文本 倾斜文本 7.删除（del) 文本删除线文本删除线 8.扩展文本下划线 <sub></sub>下标 <sup></sup>上标

hr

color====颜色 width====宽度 align====对齐方式 noshada====取消阴影

特殊符号

尖角号====<左尖角号/>右尖角号
空格======&nbsop;该空格占据宽度手【字体】影响明显而强烈。
空格======&emsp；占据的宽度正好是1个中文宽度，且基本上不受字体影响
版权======©
商标======®

div和span标签

div标签：没有具体含义，用来划分页面的区域，独占一行。 span:没有实际意义，主要应用于对文本独立修饰的时候，内容有多宽就占用多宽的空间距离。

列表--有序列表

1.无序列表

无序列表
无需列表

2.有序列表

有序列表
有序列表
[type:类型；start:开始] 3.自定义列表
可以是文字也可以是图

相关文字

图片标签的路径

路径分类

1.绝对路径

绝对路径是指文件在硬盘上真正存在的路径。
绝对路径可以使用”/"或“"字符作为目录的分隔字符。 2.相对路径
相对路径就是相对于自己目标文件的位置。
当当前文件与目标文件在同一目录下，直接书写文件的文件名+扩展名；
当当前文件与目标文件所处的文件夹在同一目录下，写法如下：<img src="pic4.gif/>
当当前文件所处色文件夹和目标文件在同一目录下，写法如下：<img src=".../小可爱.pang“/>

超链接标签

能实现不同页面的跳转 <a href="路径“ title=”鼠标悬停上去之后的提示信息“ target="规定在何处打开文档”>内容</a>

target="-self" 默认值
target="-blank"新窗口打开

table表格的基本属性

table表格的相关属性

宽度 width
高度 height
表框 border
边框颜色 bordercolor
背景颜色bgcolor
水平对齐 align="left或center"
cellspacing="单元格与单元格之间的间距“
cellpadding="单元格与内容之间的空隙“

行tr的属性

高度 height
背景颜色 bgcolor
文字水平对齐 align="left或center"
文字垂直对齐valign="top或bottom"

单元格td属性

高度 width
宽度 height
背景颜色 bgcolor
文字水平对齐align="left或center"
文字垂直对齐valign="top或bottom"

表格合并类

Colspan=“所要合并的单元格列数”必须给td Rowspan="所要合并的单元格行数“必须给td

表单标签

表单的作用：手机用户信息

A:属性 type定义输入框的类型

文本框 type="text"
密码框 type="password"
提交框type="submit“和提交按钮一样
按钮框type="button"单纯的按钮
充值框type="rest"清空的效果

B:属性 placeholder 描述输入字段预期值的简短的提示信息。兼容到E8以上。 C属性 name必须设置，否则在提交表单时，用户在其中输入的数据不会被发送给服务器。 D属性value </from>

表单元素的四种常见类型

input button按钮 textaiea多行文本框/文本域 selecte下拉选择框

From当中的post和get的区别

get是从服务器上获取数据，post是向服务器传送数据。
get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各字段一一对应，在URL中可以看到。post是指通过HTTP post机制，将表单内各字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址，用户看不到这个过程。
对于get方式，服务器就用Request QueryString获取变量的值，对于post方式，服务器端用Request From获取提交的数据。
get传送的数据量较小，不能大于2kb.post传送的数据量较大时，一般被默认为不受限制。
get安全性非常低，post安全性较高，但是执行效率却比post方法好。