外链论坛

 找回密码
 立即注册
搜索
查看: 80|回复: 2

零基本入门JavaWeb——HTML相关知识

[复制链接]

3028

主题

210

回帖

9777万

积分

论坛元老

Rank: 8Rank: 8

积分
97779018
发表于 2024-6-30 01:09:53 | 显示全部楼层 |阅读模式

1、HTML概念

HTML是Hyper Text Markup Language的缩写。意思是超文本标记语言。它的功效是搭建网页结构,在网页上展示内容。

1.1 超文本

HTML文件本质上是文本文件,而普通的文本文件只能表示字符。然则HTML技术经过HTML标签把其他网页、照片、音频、视频等各样媒介资源引入到当前网页中,让网页有了非常丰富的呈现方式,这便是超文本的含义——本身是文本,然则呈现出来的最后效果超越了文本。

1.2 标记语言

说HTML是一种标记语言,是由于是由于一系列标签构成的,常量、变量、流程掌控反常处理。IO等等这些功能。

HTML很简单,每一个标签都有它固定的含义和确定的页面表示效果。

标签是经过一组尖括号和标签名的方式来定义的。起始标签<>和结束标签</>一块成为了一个完整的标签。起始标签的结束标签之间的部分叫文本标签体,叫作标签体。

2、HTML的结构

2.1 文档声明

HTML文件中第1行的内容,用来告诉浏览器当前HTML文档的基本信息,其中最要紧便是当前HTML文档遵循的语法标准。

HTML5版本的文档类型声明如下:

<!DOCTYPEhtml>

2.2 根标签

html标签是全部文档的根标签,所有其他标签都必要放在html标签里面。

2.3 头部

head标签用于定义文档的头部,其他头部元素都放在head标签里。头部元素包含title标签、script标签、style标签、link标签、meta标签等等。

2.4 主体

body标签用于定义网页的主身体容,在浏览器窗口内表示的内容都定义到body标签内。

2.5 注释

HTML注释的写法如下:

<!---->

注释的内容不会表示到浏览器窗口内,是研发人员用来对代码内容进行解释说明。

3、HTML语法规则

1.根标签有且只能有一个2.论是双标签还是单标签都必要正确关闭3.标签能够嵌套但不可交叉嵌套4.注释不可嵌套5.属性必要有值,值必要加引号,单引号或双引号均可6.标签名不区分体积写,但意见运用小写

4、HTML的各个标签的运用

4.1 标题标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标题标签的介绍</title> </head> <body> <!--标题标签的特点: 1.独霸一行 2.加粗加黑 3.默认在左边 按照标题的体积能够分为六级标题,从大到小分别是h1到h6 --> <h1>我是标题</h1> <h2>我是标题</h2> <h3>我是标题</h3> <h4>我是标题</h4> <h5>我是标题</h5> <h6>我是标题</h6> </body> </html>

页面效果如下:

请添加照片描述

4.2 段落标签和换行标签

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落标签</title> </head> <body> <!--一个p标签里面的内容就放在一段里面--> <p>从11月15日起始,全国已连续九天每日新增本土感染者突破两万。其中,23日,这一数值已然破三万。国家疾控局传防司二级巡视员胡翔11月22日介绍说,11月1日败兴,全国已然累计报告了25.3万例感染者,近1星期平均每日报告2.22万例




上一篇:HTML入门:HTML常用标签
下一篇:HTML简史及平常标签与归类
回复

使用道具 举报

2946

主题

3万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979425
发表于 2024-10-5 01:53:40 | 显示全部楼层
我深受你的启发,你的话语是我前进的动力。
回复

使用道具 举报

2946

主题

3万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979425
发表于 10 小时前 | 显示全部楼层
我赞同你的看法,你的智慧让人佩服,谢谢分享。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|外链论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-22 22:28 , Processed in 0.109034 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.