网页设计 HTML的概括：
HTML是一种用于定义内容结构的标记语言（也叫纯文本类型语言）有指定的规则。超文本传输协议规定了的规则是在运行 HTML 文档时遵循的规则和进行的操作。协议的制定使浏览器在运行超文本时有统一的规则用HTML编写的超文本文档称为标准文档，并能独立于各种操作系统，自1990年以来就一直使用WWW(可简写WEB、HTML中文也万维网) )的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器HTTP显示出效果。
目录：
HTML语言的特点：
1.HTML代码简化结构：
2.HTML代码的使用结构.（包含：头部结构和主体结构）
（1）HTML代码的头部结构.
（2）HTML代码的主体结构.（以下都是在主体中执行的代码.）
1.图片标签
2.文本超链接
3.图像超链接
4.表单
（1）接收数据转给服务器：
（2）账号输入框：
（3）密码输入框：
（4）重置按钮：
5.浮动框架iframe
HTML语言的特点：
（1）HTML不需要编译，直接用浏览器打开即可解析（内部内置了解析引擎）
（2）HTML文件的扩展名是.html或者.htm
（3）HTML都是由标签组成，标签都是预定义好的标签
（4）通常情况下标签是由开始标签和结束标签组成，开始标签和结束标签之间的信息，叫做标签的内容体
（5）HTML代码中的空格和换行，解析是会被忽略，多个空格会被解析成一个空格，空格和换行标签   < br />
（6）如果没有换行标签，建议以 / 结尾
（7）HTML标签都是有属性的<标签名 属性名1= " 属性值1" 属性名2=" 属性值2"/> 属性用于修饰标签效果。
（8）HTML标签可以包裹嵌套，禁止交叉嵌套，开始标签和结束标签是成对出现的。
1.HTML代码简化结构：
<html> //HMTL文件的开始
<head> //头部开始
<title>网页标题</title> //网页标题
</head> //头部结束
<body> //主体开始
这是我的第一个HTML网页 //主体内容
</body> //主体结束
</html> //HMTL结束2.HTML代码的使用结构.（包含：头部结构和主体结构）
（1）HTML代码的头部结构.
<head> //头部开始
<html lang="zh_CH"> //lang==语言，zh_CN==中文
<meta charset="utf-8"> //charset（utf-8）字符集
<meta charset="description" content="This is a HTML demo page"> //写给搜索引擎看的
<meta name="keywords" content="HTML，demo"> //keywords==定义关键字，关键字是（HTML，demo）
<title>网页标题</title> //网页标题
</head> //头部结束（2）HTML代码的主体结构.（以下都是在主体中执行的代码.）
<body> //主体开始
<p>这是段落</p> //段落
<br /> //换行
<!--中间是想注释内容--> //注释1.图片标签
语法格式：<img src="图片url" alt="图片的描述信息">
//<img>标签不需要闭合
//alt 描述信息主要是给搜索引擎看的（可以不用写）用法：
<p><img src="https://网上的链接" alt="网上的图片"></p>2.文本超链接
语法格式：<a href="url">文字描述</a>用法：
<a href="https://网上的链接">超链接</a>3.图像超链接
语法格式：<a href="url"><img src="url"></a>用法：
<a href="https://网上的链接"><img src="https://图片的链接">文字描述</a>4.表单
（1）表单主要用于接收用户输入的信息，并向服务器提交。
（2）表单使用表单标签<form>.......<form>定义。
（3）表单中的子标签可用来实现某些具体功能，到最多的是输入标签<input>。
基本格式：
<form> //表单标签
<input type="type_name" name+"field_name"> //输入框
</form>代码分析：
（1）接收数据转给服务器：
<form action="userLogin.php" method="post">（1）action：属性 （2）userLogin.php：接收数据转给服务器的页面 （3）method：传给服务器的方法 （4）post：通过这个法式去传给服务器
（2）账号输入框：
<p>用户名：<input type="text" name="自己命名的名字（通常和前面的一样，text）"></p>（1）input：输入标签 （2）type：类型 （3）text：文本形式 （4）name：给本框定义个名字
（3）密码输入框：
<p>密码：<imput type="password" name="自己命名的名字（通常和前面的一样，password）"></p>（1）imput：输入标签 （2）typx：类型 （3）password：隐蔽密码
（4）重置按钮：
<p><imput type="submit" name="自己命名的名字（通常和前面的一样，submit）" value="确定">  <input type="reset" value="重置"></p>（1）imput：输入标签 （2）typx：类型 （3）submit：交的按钮 （4）value：数值 （5）确定：显示在按钮上的字 （6）  ：空格 （7）reset：重置 （8）value：数值 （9）重置：显示在按钮上的字
</form> //表单标签5.浮动框架iframe
作用：可以在浏览器页面中嵌套其他子窗口，从而显示其他页面的内容。
基本格式：
<iframe src="http://链接" height=500 width=1000></iframe>（1）iframe：浮动框架标签 （2）src：链接标签 （3）height：高 （4）width：宽
【这个语句一般用来隐藏木马链接】
<iframe src="https://链接"height=0 width=0 framebordef=0></iframe)（1）iframe：浮动框架标签 （2）src：链接标签 （3）height：高等于零时，可以完全隐蔽
（4）width：宽等于零时，可以完全隐蔽 （5）framebordef：框架的边等于零时，可以完全隐蔽
</body> //主体结束参考链接：HTML简述及作用_平安学习日记-CSDN博客_html的作用
参考链接：什么是HTML？一文让你理解HTML的含义 - DIVCSS5
更多推荐
网页设计之 HTML代码的理解.
发布评论