HTML学习

已于 2024-01-22 19:07:15 修改
阅读量346 收藏 9
点赞数 8
文章标签： html 学习 前端
于 2024-01-22 19:05:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_73625238/article/details/135756005
版权
本文介绍了Web标准的构成，包括HTML的结构、CSS的表现以及JavaScript的行为，并详细讲解了如何使用VSCode工具创建HTML骨架标签，涉及DOCTYPE声明、语言设置和元数据的使用。
摘要由CSDN通过智能技术生成

Web标准的构成(相互分离)

1.结构：对于网页元素进行整理和分类。HTML

2.表现：表现用于设置网页元素的版式，颜色，大小等外观样式CSS

3.行为：行为是指网页模型的定义及交互的编写，Javascripy

1.HTML 语法标准

a.<html> </html>双标签：编辑的开始和结束。.<br /> //单标签少数

b.双标签关系有包含关系和并列关系。

2.HTML基本结构标签（骨架标签）

a.<html> </html>HTML标签：页面最大的标签，根标签。

b.<head></head>文档的头部：其中必须设置标签<title>

c.<title></title>文档标题：让页面有属于自己的网页标题

d.<body></body>文档的主体：元素包含的文档中的所有内容 页面内容，基本都是放在body里

3.HTML工具使用（Vscobe）

a.输入英文状态下的“！”可以直接开始制作

b.软件下载之后可以在左边四方块里下载chinese插件和“open in browser”用于运行自己建立的网页。

4.VSCode工具生成骨架标签新增代码

<!DOCTYPE html> 文档类型的声名标签（不属于HTML） 表示为HTML5生成（页面开头）

<html lang="en"> 定义当前页面的文档语言 en（英语）zh-CN（汉语）

<head>

<meta charset="UTF-8"> meta用于规定文档

chartset字符集（用于计算机识别和存储各种文字）使用“UTF-8”万国码

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

</body>

</html>

寒涵含
关注
HTML蓝色动态爱心
兔子王
06-04 7万+
HTML实现炫酷的蓝色爱心代码。
CSS和HTML学习心得体会
w_pig的博客
07-10 2540
学习心得
HTML学习笔记
小夏陌的博客
05-14 4891
简介 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 HTML常用标签及属性 ...
学习html的心得体会
weixin_47978224的博客
03-19 1万+
1、HTML的简介及大体介绍： HTML 是用来描述网页的一种语言。 它是一种超文本标记语言，并不是一种编程语言。它包含了一套标记标签，并用此来描述网页。因此HTML文档包含了HTML标签和文本内容。 HTML标签是由尖括号包围的关键词， HTML 标签通常是成对出现的，比如 <p> 和 </p> 标签对中的第一个标签是开始标签，第二个标签是结束标签 一个HTML元素包含了开始标签、内容、结束标签。例如：<p>这是一个段落。</p> 2、HTML的运用
HTML学习 第一部分（前端学习）
qq_55928086的博客
07-09 1万+
HTML学习 （前端学习）
html学习心得一
fengqing0527的博客
12-07 1万+
菜鸟的心得体会~
HTML学习（一）
qq1164014750
05-23 1万+
h1 在一个页面里最好只出现一次。       理论是不做过多的限制。建议还是不要多用，一般一个页面用一个H1标签对就可以了。就如同你做论文的排版格式一样，写得再长，也只允许出现一个标题1是一个道理。标题1转到HTML代码里面就是H1标签对，这H1就是老大！如果一个页面中过多的使用H1，就相当于有N个老大，这样老大一多肯定会打架的！蜘蛛爬进来一看：纳尼？！这多老大！老夫先拿哪个开刀呢。。。然后再一...
HTML学习笔记 2-用HBuilderX怎么在HTML中写入图片。src元素的用法
m0_74282485的博客
12-28 7418
怎么在HTML中写入图片？ src元素的用法
HTML零基础入门教程完整版
热门推荐
哈哈
09-11 2万+
HTML零基础入门教程完整版
html学习心得
SmcWjm的专栏
08-26 1万+
经过1天多的艰苦奋战，终于把html（Hypertext markup language）的基础教程给看完了。 这次为了xml而看了这“古老”的技术，还是有点收获的。。总体来说，虽然不是很熟练，但是看懂一般的html网页源文件已经不是问题了。闲来无事，就写写笔记吧，说说感受也好！ html给我的感觉是很标准，很有格式的。最主要的代码特点就是标记成对的出现，虽然有些可以省略，但是建议除非太
几个HTML5入门学习的好例子(代码)
10-16
HTML5是现代网页开发的核心，它为开发者提供了更强大、更灵活的功能，使得网页应用程序能够实现前所未有的交互性和用户体验。...每个特性都有其独特的应用场景，结合实际案例学习，将有助于快速掌握HTML5的精髓。
HTML学习内容总结
qq_48681023的博客
07-10 2289
HTML学习总结
HTML学习指南：从基础到实践总结
在本文档中，我们将会深入探讨HTML学习的基础知识和重要性，特别针对初学者可能遇到的困惑，如HTML标签的记忆和理解。HTML，全称为HyperText Markup Language，是构建网页结构的核心语言，对于前端开发至关重要。 ...
html如何制作左侧导航栏,Html学习之十三（导航栏的制作）
weixin_29968283的博客
05-31 6506
导航效果.tab-item{list-style: none;font-family: "宋体";font-size: 18px;text-decoration: none;cursor: pointer;float: left;border: 1px darkgray solid;overflow: hidden;background-image: none;margin: 0px 5px;}....
使用html写一个能发起请求的登录界面
2301_79431343的博客
10-03 1319
这是文档类型声明，告诉浏览器这是一个 HTML文档。这是 HTML 文档的根元素，lang="en" 表明文档的主要语言是英语。
《常见 HTML 标签和属性全解析》
一名资深Java工程师的技术分享
10-10 1019
在网页开发的世界里，HTML（超文本标记语言）就像是构建数字大厦的基石。它通过各种标签和属性来定义网页的结构、内容和样式。下面，让我们深入了解一些常见的 HTML 标签和属性。
React 插入不转义的html
y523648的博客
10-08 369
在 React 中，字符串作为内容插入到 JSX 中，默认会被转义。这是为了防止 执行恶意代码，XSS（跨站脚本攻击）等安全问题。如果想要 HTML 不被转义，可以使用dangerouslySetInnerHTML属性。
Chromium HTML Tags与c++接口对应关系分析
杰克东的专栏
10-11 675
head>对应"head",},其中 == "a" 接口定义 interfaceName: "HTMLAnchorElement", 其他的也类似。查找html_tag定义只需在third_party\blink\renderer\core\html\html_tag_names.json5文件中输入对对应标签，即可找到interfaceName定义。又可以根据interfaceName定义的文件名找到blink和v8定义。
Chromium html＜img＞对应c++接口定义
最新发布
杰克东的专栏
10-11 230
img src="tulip.jpg" alt="上海鲜花港 - 郁金香" />
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值