前端基础-HTML常用标签介绍

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正杰

一.HTML是什么

1>.超文本标记语言（Hypertext Markup Language，HTML）通过标签语言来标记要显示的网页中的各个部分。一套规则，浏览器认识的规则；

2>.浏览器按顺序渲染网页文件，然后根据标记符解释和显示内容。但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性）；

3>.静态网页文件扩展名：“.html ”或 “.htm”；

4>.HTML 不是一种编程语言，而是一种标记语言 (markup language)，HTML 使用标记标签来描述网页。

二.HTML结构

　　其实HTML大致可以分为两个部分，即head和body，但是这2个标签中又可以嵌套很多种其它的标签，下面我就简单对HTML大致结果做个说明：

 1 <!DOCTYPE html>                         　　 <!--Doctype告诉浏览器使用什么样的html或xhtml规范来解析html文档。html这种模式兼容浏览器是最好的-->
 2 <html lang="en">                       　　  <!--是文档的开始标记，此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部<head>和主体<body>-->
 3 <head>                                   　　　　<!--元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。-->
 4     <meta charset="UTF-8">                <!--指定页面编码，我们称这种标签类型为自闭和标签，因为我们需要在标签的结尾写上“/”，为了方便我们识别标签类型。-->
 5     <title>Title</title>                　　　 <!--定义头部(标签)的标题-->
 6 </head>                                  　　　　<!--head标签的结尾，结合该标签的开头，这种标签类型我们称之为主动闭合标签。-->
 7 <body>                                    　　　　<!--该标签和</body>之间的文本是可见的网页主体内容-->
 8                                           　　　　　　<!--这里的内容是文件体，它是<body></body>之间的文本，也是将来要在浏览器中显示的数据。-->
 9 </body>                                  　　　　<!--</body>意味着网页的内容结束-->
10 </html>                                  　　　　<!--是文档的结束标记-->

三.HTML标签格式

标签的语法：

<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
<标签名属性1=“属性值1” 属性2=“属性值2”…… />

原文地址：https://www.cnblogs.com/yinzhengjie/p/8748000.html

时间： 2024-08-05 23:14:46

前端基础-HTML常用标签介绍的相关文章

前端——基础和常用标签

前端什么是前端? 任何与用户直接打交道的操作界面都可以称之为是一个前端 web服务的本质浏览器窗口输入一个网址按下回车都发生了那些事情朝着指定的服务端发送请求服务端接收相应的请求服务端返回相应的响应浏览器接收响应,按照特定的规则渲染页面展示给用户看 HTTP协议 HTTP协议:超文本传输协议,规定了浏览器与服务端之间数据传输的格式 HTTP协议的四大特性基于请求响应(一次请求对应一次响应) 基于TCP/IP作用于应用层之上的协议无状态(不保留客户端的状态) 无连接长链接 web

49、html基础认识&常用标签（1）

从今天期我们进入前端的学习,先学习html,没有任何复杂难懂的逻辑需要烧脑,只需要记忆.练习.练习.练习. 一.HTML初识 1.web服务本质 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8081)) sock.listen(5) while True: print("server is working.....")

html常用标签介绍

常用标签介绍文本最常用的标签可能是了,它用于改变字体,字号,文字颜色. 点击查看效果 64红色的5黑体的字&l

python基础31[常用模块介绍]

python基础31[常用模块介绍] python除了关键字(keywords)和内置的类型和函数(builtins),更多的功能是通过libraries(即modules)来提供的. 常用的libraries(modules)如下: 1)python运行时服务 * copy: copy模块提供了对复合(compound)对象(list,tuple,dict,custom class)进行浅拷贝和深拷贝的功能. * pickle: pickle模块被用来序列化python的对象到bytes流,从

前端基础：HTML标签(下)

前端基础HTML标签(下) 1.表单表单的功能主要用于向服务器传输数据,从而实现客户端与Web服务器的交互.表单能够包含input系列标签,比如:文本字段.复选框.单选按钮.提交按钮等:表单还包含textarea.select和label标签: 表单的属性:action,将表单数据提交到指定服务器的某个程序,程序收到表单提交过来的数据(即表单数据)做相应处理,比如:https://baidu.com:**method**,表单的提交方式get/post/update等,默认为get: 注意 f

Java Web前端到后台常用框架介绍

转自: http://blog.csdn.net/u013142781/article/details/50922010 一.SpringMVC http://blog.csdn.net/evankaka/article/details/45501811 Spring Web MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架,即使用了MVC架构模式的思想,将web层进行职责解耦,基于请求驱动指的就是使用请求-响应模型,框架的目的就是帮助我们简化开发,Spri

FreeMarker常用标签介绍

FreeMarker标签使用一.FreeMarker模板文件主要有4个部分组成 1.文本,直接输出的部分 2.注释,即<#--...-->格式不会输出 3.插值(Interpolation):即${..}或者#{..}格式的部分,将使用数据模型中的部分替代输出 4.FTL指令:FreeMarker指令,和HTML标记类似,名字前加#予以区分,不会输出. FTL指令规则 FreeMarker有三种FTL标签,这和HTML的标签是完全类似的开始标签:<#directivename par

前端基础之操作标签—文档处理

一.操作标签 1.文档处理 <1>添加到指定元素内部的后面 $(A).append(B) // 把B追加到A后面 $(B).appendTo(A) // 把B追加到A后面 <2>添加到指定元素内部的前面 $(A).prepend(B); // 把B添加到A的前面 $(B).prependTo(A); // 把B添加到A的前面 <3>添加到指定元素外部的后面 $(A).after(B) // 把B放到A外部的后面 $(B).insertAfter(A) //

web前端基础：常用网页元素命名规范

网页元素名称的规范性有助于团队内部成员的沟通,同时还能够提高后期的维护性,网页元素的命名主要是针对id和class进行的,针对网页元素的命名没有业界标准,但有一些大家公认的规则. 一般情况下id我们通常采用camelCase命名规则(首字母小写,其它单词首字母大写),比如:studentName和fontColor等.针对Class的命名,我们不难发现,很多开源框架都使用短横线分割小写单词,比如:ui-widget-header和content-right,除了遵守这样的规则外,一个有意义的名称