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 2713
一、认识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 1644
文科编程系列课程-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 524
1.html标签：所有html中标签的一个根节点2.head标签：用于存放：title,meta,base,style,script,link3.title标签：显示网站标题4.body标签：显示主体。
ESP32使用 vscode IDF 创建项目到烧录运行全过程
qq_52318356的博客
07-24 183
多看官方文档，少看路人教程（包括我的），整晚都在安装 IDF 再创建项目，运行，都是问题，网上还解决不了，气死，故整理了创建项目的大致 flow，以供参考。
Cursor（vscode）一些设置
ivanwfy的专栏
07-23 184
按快捷键Ctrl+,或者点击文件-首选项-设置输入 zoom 把Editor: Mouse Wheel Zoom 下面的方框打勾。
vscode gdb调试c语言过程
m0_63472758的博客
07-22 239
主要是配置一下两个文件。
VSCODE调教
荒野
07-17 126
GCC编译程序 — 快速使用手册—基于LubanCat-RK3588系列板卡 文档
【vscode】vscode中python虚拟环境的创建
m0_56800366的博客
07-22 172
运行了activate后，最前面有(.venv)的标识，意思是激活成功，接下来的操作都在该虚拟环境中运行。②新建一个终端，注意不是默认的powershell,①打开vscode,进入你的工作文件夹。
【VSCode】复制到下一行快捷键
最新发布
Dust的博客
07-24 110
VSCode复制到下一行快捷键是Shift+Alt+↓。若失效，可通过快捷键设置(Ctrl+K, Ctrl+S)搜索copy line down命令，检查并重新设置快捷键。如遇冲突，可选择修改或保留当前设置。该操作可解决大多数快捷键失效问题。
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、付费专栏及课程。

余额充值