0
点赞
收藏
分享

微信扫一扫

编程语言--- HTML的代码理解.

凶猛的小白兔 2022-03-12 阅读 80

HTML 一种编程语言(也叫纯文本类型语言),有指定的规则。超文本传输​​协议规定了的规则是在运行 HTML 文档时遵循的规则和进行的操作。协议的制定使浏览器在运行超文本时有统一的规则用HTML编写的超文本文档称为标准文档,并能独立于各种操作系统,自1990年以来就一直使用WWW(可简写WEB、HTML中文也万维网) )的信息表示语言,使用HTML语言描述的文件,需要通过WEB浏览器HTTP显示出效果。

 

HTML语言的特点:

1.HTML不需要编译,直接用浏览器打开即可解析(内部内置了解析引擎)


2.HTML文件的扩展名是.html或者.htm


3.HTML都是由标签组成,标签都是预定义好的标签


4.通常情况下标签是由开始标签和结束标签组成,开始标签和结束标签之间的信息,叫做标签的内容体


5.HTML代码中的空格和换行,解析是会被忽略,多个空格会被解析成一个空格,空格和换行标签 &nbsp < br />


6.如果没有换行标签,建议以 / 结尾


7.HTML标签都是有属性的

<标签名 属性名1= " 属性值1" 属性名2=" 属性值2"/> 属性用于修饰标签效果。


8.HTML标签可以包裹嵌套,禁止交叉嵌套,开始标签和结束标签是成对出现的。
 

1.HTML代码简化结构:

<html>                                                         //HMTL文件的开始

        <hesd>                                                 //头部开始

        <title>网页标题</title>                         //网页标题

        </hesd>                                               //头部结束

        <body>                                                 //主体开始

        这是我的第一个HTML网页         ​​​​​​​        ​​​​​​​  //主体内容

        </body>         ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        //主体结束

</html>         ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        //HMTL结束

 

2.HTML代码的使用结构.(包含:头部结构和主体结构)

(1)HTML代码的头部结构.

<hesd>         ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​       ​//头部开始

<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>         ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​      //网页标题

</hesd>         ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​        ​​​​​​​     ​​​​​​​//头部结束

(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://网上的链接.com">超链接</a>

  

3.图像超链接

语法格式:<a href="url"><img src="url"></a>

用法:

<a href="https://网上的链接.com"><img src="https://图片的链接">文字描述</a>

 

4.表单

(1)表单主要用于接收用户输入的信息,并向服务器提交。

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

(3)表单中的子标签可用来实现某些具体功能,到最多的是输入标签<input>

基本格式:

<from>                                                         //表单标签

<input type="type_name" name+"field_name">                //输入框

</from>

代码分析:

1.接收数据转给服务器:<from 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="确定">&nbsp&nbsp<input type="reset" value="重置"></p>

(1)imput:输入标签 (2)typx:类型 (3)submit:交的按钮 (4)value:数值 (5)确定:显示在按钮上的字 (6) &nbsp:空格 (7)reset:重置 (8)value:数值 (9)重置:显示在按钮上的字

 

</from>

 

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

 

举报

相关推荐

0 条评论