正文

html5学习之html标记类型

call_from_dream  call_from_dream  2022-08-02  406

关键词：

Key word:

Markup Type, Container Tags, Single Tag, Attributes

1.Container Tags(容器标记)

成对的开始标记(Start Tag)与结束标记(End Tag),利用这两个标记将文字围住，以达到预期的效果。

大部分的HTML标记都属于此类，终止标记前会加上一个正斜线“/”。

示例：<开始标记></结束标记>

<!--

<title></title>:标记的功能是将文字显示在浏览器的标题栏中

<head></head>:这里通常会放置网页的相关信息，例如：

不过这些信息通常不显示在页面上。

<body></body>:这里放置网页的内容，这些内容将显示在网页上

-->

2.Single Tag(单一标记)

单一标记与容器标记的最大区别是：

单一标记只有起始标记而没有结束标记，例如：<hr>,<img>

<!--

<hr>标记的功能是添加分割线，

<img>标记的功能是插入图片。

以上这两个标记加上结束标记是没有意义的。因此只要表示成<hr/>即可

不必写成：<hr></hr>

-->

3.标记的属性——Attributes

有些标记可以加上属性（Attributes）来改变其在网页上的显示方式，属性直接置于开始标记内。

如果有超过一个以上的属性，则以空格隔开不同的属性。

例如<html>标记有lang属性可以使用，lang属性用来指定网页语言，语法如下：

<!--

这表示网页语言设置为中文。

-->

For example:

<!--

标记的Attribute同样是不区分大小写的。

meta标记用来描述网页，有利于搜索引擎快速找到网站并正确分类。

-->

<!--

目测<html lang>属性没用！！！！！

-->

前端学习之html5

一、文本与段落标记<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>文本与段落标记</title></head><body><h1>欢迎来到HTML5</h1><br><hrwidth= 查看详情

html学习之html5新标签(代码片段)

html5新标签2.新的语义结构元素标签名display说明articleblock定义文档中的文章。没有特殊样式asideblock定义与所处内容之外的内容，但由于当前内容相关。常用于设置侧边菜单栏dialogblock默认情况下display:none，可以通过open属性控制显... 查看详情

html5学习之webwork多线程处理

多线程技术在服务端技术中已经发展的很成熟了，而在Web端的应用中却一直是鸡肋在新的标准中，提供的新的WebWorkAPI，让前端的异步工作变得异常简单。使用：创建一个Worker对象，指向一个js文件，然后通过Worker对象往js文件发... 查看详情

html5学习之浏览器的私有前缀

浏览器的私有前缀是为了兼容老版本的写法比较新版本的浏览器无需添加1.私有前缀-moz-:代表firefox(火狐)浏览器的私有属性-ms-:代表IE浏览器的私有属性-webkit-:代表safarichrome私有属性-o-:代表opera(欧朋)浏览器私有属性2.提倡写法一... 查看详情

python第五周前端学习之html5/css/js

<!--html/head/body文本-h1-h6p/br/hr/sub/sup/strong/b/em/del/ins/列表-ul(li)/ol(li)/dl(dt/dd)/图像-img/figure/figcaption链接-a(页面链接/锚链接/功能链接)表格-table/tr/td/th/thead/tbody/tfoot表单-form/input(text/password/ra 查看详情

html5学习之关于cookie的expires过期时间无效分析

在学习Cookie的过程中发现Cookie设置过期时间后,过了设定时间Cookie并不会自动删除,重启浏览器甚至是重启电脑后重新打开网页还是不会自动删除,在百度等其他网站控制台设置也一样结果.对此现象我展开了深入分析.首先在检查语... 查看详情

reactnative学习之html基础

前言： ReactNative开发作为一种新型的移动开发方式，个人觉得App的一部分需求会逐步替换成这种方式，也是公司移动开发人员所必须掌握的一种开发技术，所以鉴于这种情况我觉得很有必要学习一下，特此开贴记录... 查看详情

python基础下的web前端学习之html

一、参考书籍：《Web前端开发HTML5+CSS3+jQuery+AJAX从学到用完美实践》备注：本书为工具书。二、HTML5元素：按功能划分：基础、格式、表单、框架、图像、音频/视频、链接、列表、表格、样式/节、元信息、编程。（参考P76）元素... 查看详情

小白学html5——壹真香！

...：<html>、<head>、<body>。<html>标签是用来标记html文档，<head>是标签标记头部区域，<body>是标签标记主体区域。最基本的html代码如下:<html><head>< 查看详情

javase学习之注解

JavaSE注解(Annotation)JDK5.0开始，Java增加了对元数据(MetaData)的支持，也就是Annotation(注解)Annotation其实就是代码里的特殊标记，这些标记可以在编译，类加载，运行时被读取，并执行相应的处理。通过使用Annotation，程序员可以在不... 查看详情

2018学习之混合开发

混合开发HybridAPP小杂种APP，混合APP对比现在流行的三种APP：WebAPP，NativeAPP,HybridAPPWebAPP:不需要下载安装，通过移动端浏览器来访问HTML5+CSS3+JS；Web前端开发人员开发成本低，更新维护迭代成本也很低，使用成本低，跨平台较为依赖... 查看详情

ts学习之基础类型

1.布尔值letisDone:boolean=false2.数字（支持二，八，十，十六进制）letwidth:number=203.字符串letname:string="Bob";模板字符串：letsentence:string=`hello,mynameis${name}`;4.数组letlist:number[]=[1,2,3,4];letlist:Array<number>=[1 查看详情

js学习之——数据类型

在此，先分享一个我的学习经验，做前端的，或者写代码的应该都一样，时刻都得准备好学习新东西，接受新知识，而且不像上学时候那样有某门课专门可以事无巨细的囊括某类知识点，所以只要看到某个新词或是某个新的概念... 查看详情

hive学习之------hive的数据类型

文章目录SQL练习：Hive数据类型整型：TINYINT、SMALLINT、INT、BIGINT浮点：FLOAT、DOUBLE布尔类型：BOOL（False/True）字符串：STRING时间类型：复杂数据类型：HiveHQLDDLDMLSQL练习：1、cou 查看详情

js学习之函数的参数传递

我们都知道在ECMAScript中，数据类型分为原始类型(又称值类型/基本类型)和引用类型(又称对象类型)；这里我将按照这两种类型分别对函数进行传参，看一下到底发生了什么。参数的理解首先，我们要对函数的参数有一个了解... 查看详情

ts学习之函数

定义函数类型（规定函数参数及函数返回值的类型，若函数没有返回值，则返回类型为null）functionadd(x:number,y:number):number{returnx+y}推断类型（ts自动识别类型（按上下文归类））functionadd(x:number,y:number){returnx+y}//ts会自动识别出返回... 查看详情

前端学习之html

HTML介绍Web服务本质importsocketsk=socket.socket()sk.bind(("127.0.0.1",8080))sk.listen(5)whileTrue:conn,addr=sk.accept()data=conn.recv(8096)conn.send(b"HTTP/1.1200OK")conn.send(b"<h1>Helloworld 查看详情

ts学习之泛型

可以使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据不适用泛型的函数functionmyfn(args:number):number{returnargs;}functionmyfn(args:any):any{returnargs;}第一个只能传入number类型的参数，第二个虽然可以传入任意类型的参数，但... 查看详情