HTML 结构

最新推荐文章于 2023-06-19 14:30:45 发布
最新推荐文章于 2023-06-19 14:30:45 发布
阅读量150 收藏 2
点赞数
分类专栏： Java study 文章标签： HTML html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46193982/article/details/107598727
版权

编写 HTML5 页面开头的步骤

(1) 输入
声明页面为HTML5 文档

(2) 输入 < html lang=“language-code”>
language-code 是页面内容默认语言的代码

<html lang="ch"> 表示中文
<html lang="es"> 表示西班牙
<html lang="fr">表示法语
<html lang="en-US"> 表示美国英语
<html lang="en-GB"> 则表示英国英语

(3) 输入开始网页文档的头部
(4) 输入
(5) 输入
(6) 输入 结束页面文档的头部
(7) 输入 ，开始页面的主体
(9) 输入 ，结束主体
(10) 输入 ，结束页面

创建分级标题

to

：标题标签 h1~h6:字体大小逐渐递减

普通页面构成

在这里插入图片描述

创建通用容器

有时需要在一段内容外围包一个容器，从而可以为其应用 CSS 样式或 JavaScript 效果。如果没有这个容器，页面就会不一样

div
创建通用容器的步骤
(1) 输入


(2) 创建容器的内容，内容可以包含任意数量的元素
(3) 在容器的结尾处输入

Oxygen404
关注
专栏目录
HTML基础知识5-文档声明标签，lang属性用法以及字符集
qq_45353963的博客
11-19 1365
HTML最基本的标签莫过于文档声明标签 <!DOCTYPE> 标签 这个声明标签的作用就是告诉我们的浏览器使用哪种HTML版本来显示网页 完整结构如以下代码所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&
HTML语义化
Einstellung的博客
06-30 413
语义化的意义 在HTML中各个标签是有特定语义含义的，正是因为这些语义信息，浏览器才能正确解析HTML内容。如果没有按照正确的语义信息去写HTML代码，虽然整个网页还是可以加载，但可能会导致异常解析。我们举个例子： <!DOCTYPE HTML> <html lang="en-GB"> <head> <title> Demonstration </title> </head> <body> <table>
《HTML5与CSS3基础教程》第三章学习笔记 基本HTML结构
Cap220590的博客
02-19 1004
文章目录第3章 基本HTML结构3.1 开始编写网页1.编写HTML5页面开头的步骤1.输入``，声明页面为HTML5文档2.输入``3.输入``，开始网页文档的头部4.输入``5.输入``，包含页面的标题6.输入``，结束页面文档的头部7.输入``8.输入``，结束页面3.2 创建页面标题3.3 创建分级标题1.分级标题的重要性2.使用标题对网页进行组织的步骤3.5 创建页面3.6 标记导航3....
HTML基础学习
qq_36159768的博客
04-29 670
DOCTYPE和lang以及字符集 <!DOCTYPE html> 表示当前页面采用html5版本来显示网页 <!DOCTYPE > 不是一个html标签，是一个文档类型声明标签 lang语言种类 <html lang="en">表示页面是英文页面 <html lang="zh-ch">表示页面是中文页面 字符集 <meta charset="UTF-8">表示规定HTML文档应该使用那种字符编码 charset常用的值有：GB2312（
html常用标签
m0_37514863的博客
08-10 362
一、概念：最基础的网页开发语言 1、Hyper Text Markup Language 超文本标记语言 2、超文本：用超链接的方法将不同空间的文字信息组织在一起的网状文本 3、标记语言：由标签构成的语言，标记语言不是编程语言 二、语法： 1.html文档后缀名 .html 或者 .htm 2.标签分类： 1）围堵标签：由开始和结束标签组成 例如 <html></html> 2）自闭标签：...
html如何做成树状图,网页HTML结构树生成器介绍
weixin_35895994的博客
05-31 2240
从pronet看到了这个工具：www.aharef.info/static/htmlgraph/蓝：for links (the A tag)红：for tables (TABLE, TR and TD tags)绿：for the DIV tag紫：for images (the IMG tag)黄：for forms (FORM, INPUT, TEXTAREA, SELECT and OPT...
HTML结构：自我简介页面
minghaibuai的博客
03-25 3631
一个简单完整网页结构。它包含的主要元素，如下图所示： <!DOCTYPE HTML> <`HTML`> <head> <meta charset="utf-8"> <title>自我简介</title> <meta name="description" content="张三的自我简介网站"> <meta name="keywords" con
第2关：HTML结构：自我简介网页
weixin_45784564的博客
05-21 6884
任务描述 本关任务是编写一个自我简介网页，你将通过本任务理解一个HTML网页的完整结构，并了解如何让搜索引擎更好的找到你的网页。 显示效果如下图所示： 编程要求 请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是： 在第5行中，添加title元素，内容为“自我简介”； 在第7行中，完善关键词标签； 修改第13行的自我简介信息和关于你自己的三个关键词。 测试说明 补充完代码后，点击测评，平台会对你编写的代码进行测试，当你的结果与预期输出一致时，即为通过； 生活充实的含义，应
HTML基本结构
langmanboy的博客
04-08 1万+
HTML基本结构 1. HTML结构代码展示 <!DOCTYPE HTML> <!-- HTML5标准网页声明 --> <HTML> <!-- HTML为根标签，代表整个网页 --> <head> <!-- head为头部标签，一般用来描述文档的各种属性和信息， 包括标题等--> <meta charset="UTF-8"> <!-- 设置字符集为utf-8 --> <title>my HT
react获取HTML结构，并正常渲染标签
YH_ang_eng的博客
09-17 2597
React 正常显示 Html 代码： dangerouslySetInnerHTML 在工作中、项目中，有时候我们会遇到后端发来的数据为html结构，我们需要把他们正常渲染出来。 我们有两种方法： 使用原生方法：innerHTML：会写入内容并覆盖原内容 - 我们可以使用它来获取和写入某个元素标签的内容 // 结构 <div class="box"> <div ...
html标签中 lang="en-US"和lang="zh-CN"的区别，你知道吗？
alalasheep的博客
01-09 3万+
我们在初学html时，可能会发现编辑器默认生成的格式是<html lang="en"></html>,其实这也是有原因的，lang是language的缩写，代表该网页属于哪一个国家或是地区的网页。下面列举几个常用lang： en-US 英国(美国) zh-CN 中文(简体，中国大陆) zh-SG 中文(简体，新加坡) zh-HK 中文(繁体，香港) zh-MO ...
<html lang="en">是什么意思
galaxy的博客
09-21 1万+
  所用的语言是英文的  
前端学习——HTML
最新发布
qq_46574748的博客
06-19 1483
C/S架构和B/S架构 1.C/S架构：需要安装，偶尔更新，不跨平台 2.B/S架构：无需安装，无需更新，可跨平台 大型专业应用、安全性要求较高的应用，需要采用C/S架构 前端工程师主要研发B/S架构的应用——写网页，微信小程序，客户端开发，搭建服务器，数据可视化 浏览器内核 内核是浏览器的核心，用于处理浏览器所得到的各种资源 网页构成 结构（html）+表现（css）+行为（javascript） HTML（超文本标记语言） 1.超文本：和普通文本比，内容更丰富 2.标记：文本要变成超文本，就要用
HTML基础教程笔记（HTML5与CSS3基础教程书）
weixin_55631415的博客
10-24 1842
7000字！！！HTML基础教程笔记（HTML5与CSS3基础教程书）
HTML基础常识
Hassder的博客
10-21 685
HTML 初识HTML 什么是HTML ​ Hyper Text Markup Language(超文本标记语言) HTML发展史 HTML5的优势 世界知名浏览器厂商对HTML5的支持 ​ 如:微软,Google,苹果,Opera,Mozilla等 市场的需求 跨平台 W3C标准 W3C World Wide Web Consortium(万维网联盟) 成立于1994年,Web技术领域最权威和最具影响力的国际中立性技术标准机构 http://www.w3.org/ http://ww
HTML基础知识点
qq_44111805的博客
01-14 3689
1、HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) HTML 使用标记标签来描述网页 2、HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词 HTML 标签通常是成对出现的 标签对中的第一个标签是开始标签，第二个标签是结束标签 HTML存在自结束标签，即不写自结束的 / 3、HTML基
html lang=zh-CN 中文标准写法与HTML标准定义
热门推荐
开软古剑楠
10-11 4万+
<html lang="zh-"> 中文标准写法与HTML标准定义 HTML5标准定义： lang作为HTML标签的全局属性，可以帮助定义元素的语言。该属性包含一个“语言标签”，格式为“识别语言的标签（BCP47）”中定义的格式。 <html lang="en"> 向搜索引擎表示该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，...
网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"？
长云的博客
01-05 2万+
语言属性 为什么使用 lang="zh-cmn-Hans" 而不是我们通常写的 lang="zh-CN" 呢? 请参考知乎上的讨论: 网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"？ html lang="zh-Hans"> <!-- 简体中文 -->html lang="zh-cmn-Hans"> <!-- 繁体中文 -->html la
四年开发经验教你使用html的lang属性使用
HWSss的博客
04-15 961
<!DOCTYPE html> <html lang="en"> </html> lang属性的主要的作用是用来表示网页字体是中文还是英文还是其他语言 lang=“en” 表示这个是该网页的字体是英文字体 在中文网页打开会自动弹出显示 是否将英文翻译成中文字体 lang = “ch-zn” 表示这个是中文字体 还有其他的字体 建议百度 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值