HTML初识

已于 2022-05-14 23:39:25 修改
阅读量433 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： HTML 文章标签： vscode 前端
于 2022-05-08 20:49:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/bug_caicai/article/details/124651779

文章目录

思维导图HTML标签

（√表示后面有相应解释）

在这里插入图片描述

浏览器内核

在这里插入图片描述

Web标准

在这里插入图片描述

骨架标签

在这里插入图片描述

在这里插入图片描述

VScode的使用

这里使用VScode，下载好相应插件后，英文叹号选择第一个直接可以出现结构
在这里插入图片描述
右键 点击open…出现创建的网页
在这里插入图片描述
不会使用插件的见VScode下载插件

网页开发工具解释

<!DOCTYPE html>//文档类型声明标签
<html lang="zh-CN">//网站语言 language英文en,中文zh-CN,法文fr
    <meta charset="UTF-8">//字符集√ UTF-8万国码，否则乱码

标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在开始标签中添加斜杠，比如
，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使
在所有浏览器中都是有效的，但使用
其实是更长远的保障。

<img src="搬砖.jpg " alt="图片描述" />
    <!--没有图解释 -->
    <img src="搬砖.jpg " title="图片描述" />
    <!--有图的鼠标上文字提示 -->

标签详情见标签参考手册
注意已经废弃的HTML 4种的若干标签
在这里插入图片描述
background-color 属性为元素定义了背景颜色：
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：

图像标签注意点

在这里插入图片描述
文本格式化标签
控制空行和空格的预格式文本
用于显示代码的标签字体
在HTML中写地址的标签
缩写和首字母缩写
改变文字方向
块引用
删除字效果和插入字效果
样式

路径

文件夹
在这里插入图片描述

视频格式（后续会补充）

在这里插入图片描述
control 属性供添加播放、暂停和音量控件。
与 之间插入的内容是供不支持 video 元素的浏览器显示的：

链接

使用超级链接与网络上的另一个文档相连

HTML 初识
m0_73070900的博客
08-01 1389
HTML基本骨架是构建网页的最基本的结果。VSCode中可以输入！再按Tab/Enter 自动生成此代码。
html初识教学反思,《初识FrontPage》教学反思
weixin_33308577的博客
06-05 419
为了加深学生们的动手能力和综合运用frontpage制作网页的能力，我特别设定了本节综合制作活动课，我想，我可以将奥运情感，带入到我的课堂教学中，同学们利用所掌握的FrontPage软件知识来制作一个简单宣传北京2008奥运的网页，来宣传奥运、支持奥运、让更多的小朋友来了解奥运。因此，我决定以奥运吉祥物为主题制作一个奥运宣传栏，同学们对此都非常的感兴趣。于是我在课前就请同学们通过网络来收集一些与关...
web和html初识
qq_45507751的博客
12-11 2710
一、认识WEB「网页」主要是由 文字 、 图 像 和 超 链 接 等元素构成，当然除了这些元素，网页中还可以 包括音频、视频以及F l a sh等。「浏览器」是网页显示、运行的平台。「浏览器内核」(排版引擎、解释引擎、渲染引擎) 负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。 浏览器 内核 备注 IE Trident I E、猎豹安全、360极速浏览器、百度浏览器 firefox Geko 可惜这几年已经没落了，打开速度慢、升级频繁、猪一样...
01-HTML初识
weixin_47175934的博客
08-30 177
网页相关，五大浏览器，vs code使用，html语法，排版系列标签，文本格式化标签，链接标签
HTML： html初识
dformy的博客
11-01 698
1、实例 <!doctye html> <html> <head> <title> 这里用于显示标签内容 </title> </head> <body> <h1>这里用于显示标题<h1> <p> 此处用于显示段落，并且两段之间会自动换行，或者使用<br>进行换行操作</p> <a href="http://www.baidu.com"> 百度 &lt
第一讲 HTML初识
菡萏的博客
11-25 1643
文科编程系列课程-Web开发 第一讲 HTML初识 目录1 标记（Mark）1.1 文本中的标点1.2 标点符号的特点1.3 从标点到标签2 HTML2.1 HTML的概念2.2 HTML52.3 HTML实践3 课后作业 1 标记（Mark） 1.1 文本中的标点 中国古代书籍中，一般不加标点符号，而是通过文意、语感、语气助词、语法结构等进行断句。像全国卷高考语文中的文言文题目就涉及到文章的断句。 如今，在现代汉语中，我们有一套完整的标点符号系统。在《中华人民共和国国家标准 标点符号用法》里给出了.
HTML初识——网页设计html基础
qq_45864756的博客
08-29 5746
html初识
初识HTML
m0_74087487的博客
10-27 1940
初学html，你我共同成长
Html 初识3
长安
08-14 193
一 效果图 二 代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> </style> <title>Html 初识3</title> </head> <body> <!--...
HTML初识基础认知 + HTML标签
12-05
"HTML初识基础认知 + HTML标签" HTML初识基础认知是学习HTML标签的基础，理解HTML的基本语法和标签的关系，能够使用排版标签实现网页中的标题、段落等效果，使用相对路径选择不同目录下的文件，使用媒体标签在网页...
HTML第01天（HTML初识）总结.emmx
08-21
HTML第01天（HTML初识）总结.emmx
HTML|01 HTML初识
Catherinemin的博客
06-13 523
1.html标签：所有html中标签的一个根节点2.head标签：用于存放：title,meta,base,style,script,link3.title标签：显示网站标题4.body标签：显示主体。
【VSCode】上传插件
专注大前端
07-17 260
【代码】【VSCode】上传插件。
vscode 一直连不上远程，网络是通的，ssh 也能直接登录远程
qq_28723681的博客
07-18 229
打开 VS Code 设置（Ctrl+, → 搜索 useExecServer）
解决vscode中vue格式化后缩进太小的问题，并去除分号 - 设置Vetur tabSize从2到4，设置prettier取消分号semi
最新发布
Rudon滨海渔村的博客
07-21 456
本文介绍在VSCode中配置Vetur插件实现Vue代码格式化的步骤：安装Vetur和Prettier插件后，在设置中调整缩进为4空格，并编辑settings.json文件添加Prettier配置（如去除分号）。最后通过右键菜单选择Vetur格式化文档即可。文中还提供了多个参考链接，包含详细的Vue代码格式化配置教程，帮助开发者实现代码整洁与高效开发。
vscode 使用说明二
Liuqz2009的专栏
07-21 711
背景色的设置是按照十六进制颜色值：#D1EEEE数据结构和算法是居中展示，使用center标签
VSCODE调教
荒野
07-17 105
GCC编译程序 — 快速使用手册—基于LubanCat-RK3588系列板卡 文档
【blender】使用Vscode进行blender调试
m0_68830251的博客
07-17 1054
本文介绍了在VSCode中配置Blender脚本开发环境的方法和常见问题解决方案。主要内容包括：1）通过VSCode插件连接Blender进行脚本调试的基本步骤；2）解决自定义模块无法识别的问题，通过修改sys.path实现模块导入；3）处理Blender独立Python环境中缺少第三方库的情况，提供安装方法；4）分析脚本无响应问题，指出避免使用__name__=='main'和argparse的必要性；5）推荐使用try-except和traceback模块获取详细错误信息。文章针对Blender脚本开发
html 初识CSS：丰富多彩的网页样式品
04-02
在初识CSS时，你可以了解以下几个方面： 1. CSS的基本语法：CSS由选择器和声明块组成。选择器用于选择要应用样式的HTML元素，声明块中包含了一系列的样式属性和值。 2. 样式属性和值：CSS提供了丰富的样式属性和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值