HTML编程语言的语法和组成详解

HTML编程语言的语法和组成详解HTML HyperTextMar 超文本标记语言 是用于创建网页的标准标记语言

大家好,欢迎来到IT知识分享网。

一、HTML编程语言介绍

HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的标准标记语言。它是一种标记语言,用于描述网页的结构和内容。HTML文档(也称为网页)由一系列的HTML元素组成,这些元素由标签定义。比如

<html> <head> <body> <p> <a> <img>

二、HTML的一些基本特性和组成部分

1、基本结构

一个基本的HTML文档结构如下:

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面标题</title> </head> <body> <!-- 这里是网页内容 --> </body> </html> 

<!DOCTYPE html> : 声明文档类型。
<html> : 文档的根元素。
<head> : 包含了文档的元数据,如字符集定义、标题、链接到样式表和脚本等。
<body> : 包含了网页的所有内容,如文本、图片、链接、列表、表格、表单等。


2、元素和标签

HTML元素由开始标签、内容和结束标签组成。例如,

<p>这是一段文本。</p> 

其中,<p> 是开始标签,</p>是结束标签,中间的是内容。

3、属性

HTML元素可以有属性,这些属性提供了关于元素的额外信息。例如,

<a href="https://www.example.com">链接文本</a> 

其中,href是一个属性,它的值是一个网址。

4、注释

在HTML中,可以使用 <!----> 来添加注释。注释不会被浏览器显示,但可以帮助开发者理解代码。

5、语义化

6、与CSS和JavaScript的关系

HTML定义了网页的结构和内容,而CSS(层叠样式表)用于描述网页的样式(如颜色、布局等),JavaScript则用于实现网页的交互功能。三者通常一起使用,以创建功能丰富、样式美观的网页。

三、HTML编程语言语法规范

1、HTML编程语言中所有命令都是声明在标签中,比如<br>
2、HTML编程语言中所有命令都是预先定义好,不允许开发人员自行创建新的命令;
3、HTML编程语言中所有命令都是不区分大小写的,<BR><br><Br>换行展示,都是合法命令;
4、HTML编程语言中命令开发时主要通过对命令中属性进行赋值实现开发目的。
属性赋值时内容可以包含一个” “中,也可以包含在’ ‘,也可以省略双引号与单引号,此时属性之间必须采用空格进行隔离;



<input type="text" name="one"/><input type='text' name='one ' /><input type=text name=one/>

四、浏览器发送请求三要素(整体内容都是围绕这三要素,做一个解释!)

五、控制浏览器发送请求地址

1、超链接标签命令:
 1)格式:<a href="请求地址">提示信息</a>
 2)工作原理:
 超链接标签命令不会被浏览器自动执行。在用户使用鼠标单击超链接标签命令时,此时这个命令才会执行,执行要求浏览器立刻按照href属性地址发送请求。


2、表单标签命令
 1)格式:

<form action="请求地址"> <input type=" submit"><!--提交按钮--> </form>

六、控制浏览器发送请求采用请求方式

<form action="请求地址" method="get"> <form action="请求地址" method="post"> *method属性默认值是GET <form action="" 请求地址">---->浏览器以GET方式发送请求; 

6、控制浏览器发送请求时采用POST请求方式

<form method="post"></ form> 

7、请求方式适用场景【面试】
 1、考虑到POST请求方式,用户可以将【病毒文件内容】发送到服务器上进行攻击。
 因此绝大多数门户级网站拒绝接收POST请求,日常开发过程绝大多数请求都是GET。
 2、在某些特殊场景下必须使用POST
  1)文件上传,必须使用POST;
  2)发起登录验证请求,必须使用POST;
  3)索要服务器中实时变化数据时(股票价格,车票数量等),必须采用POST。





八、控制浏览器发送请求携带请求参数

1、请求参数作用:
 比如用户通过浏览器访问服务端计算机动态资源文件student.class

class Student { 
    public int add(int n1,int n2) { 
    //请求处理 int sum=n1+n2; return sum; } } 

Http服务器:会先自己new一个实例对象!

student stu = new student() ; stu.add(?,?) // add方法运行时需要实参,需要由用户通过浏览器以请求参数方式提供 
<a href="http://www.baiducom?userName-mike&password=123">百度</a> 

5、通过单域标签命令指定请求参数:
 1)一组声明在form标签内部的标签命令
 2)提示用户填写对应的【请求参数内容】,用于提供相对灵活的请求参数内容
 3)所有的表单域标签都拥有两个属性【name,value】
 name属性声明【请求参数名】 ,value属性声明【请求参数内容】



<form action="http://www.baidu.com"> <input type="text" name="userName" value= "mike"/> <input type=" submit"> 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/131149.html

(0)
上一篇 2025-08-09 22:20
下一篇 2025-08-09 22:26

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信