HTML初识

原创 已于 2022-05-14 23:39:25 修改 · 433 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vscode #前端

于 2022-05-08 20:49:30 首次发布

文章目录

思维导图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 1646
文科编程系列课程-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标签：显示主体。
解决vscode中vue格式化后缩进太小的问题，并去除分号 - 设置Vetur tabSize从2到4，设置prettier取消分号semi
Rudon滨海渔村的博客
07-21 744
本文介绍在VSCode中配置Vetur插件实现Vue代码格式化的步骤：安装Vetur和Prettier插件后，在设置中调整缩进为4空格，并编辑settings.json文件添加Prettier配置（如去除分号）。最后通过右键菜单选择Vetur格式化文档即可。文中还提供了多个参考链接，包含详细的Vue代码格式化配置教程，帮助开发者实现代码整洁与高效开发。
vscode 一直连不上远程，网络是通的，ssh 也能直接登录远程
qq_28723681的博客
07-18 264
打开 VS Code 设置（Ctrl+, → 搜索 useExecServer）
vscode gdb调试c语言过程
m0_63472758的博客
07-22 253
主要是配置一下两个文件。
【vscode】vscode中python虚拟环境的创建
m0_56800366的博客
07-22 182
运行了activate后，最前面有(.venv)的标识，意思是激活成功，接下来的操作都在该虚拟环境中运行。②新建一个终端，注意不是默认的powershell,①打开vscode,进入你的工作文件夹。
VSCODE调教
荒野
07-17 131
GCC编译程序 — 快速使用手册—基于LubanCat-RK3588系列板卡 文档
window下lua解释器安装并配置vscode环境
最新发布
我是晚秋，我在这里，谢谢你的看见。
07-24 262
本文介绍了Lua编程语言的安装与配置过程：首先下载并解压Lua到指定目录，配置系统环境变量；接着通过命令行测试安装是否成功；最后详细说明了在VSCode中配置Lua开发环境的方法，包括安装必要插件、设置解析器路径及测试运行脚本。整个流程涵盖了从基础安装到IDE环境搭建的完整步骤，使开发者能够快速搭建Lua开发环境并进行简单测试。
html 初识CSS：丰富多彩的网页样式品
04-02
HTML（HyperText Markup Language）是一种用于创建网页的标记语言，它描述了网页的结构和内容。CSS（Cascading Style Sheets）是一种用于控制网页样式和布局的样式表语言。通过将HTML和CSS结合使用，可以创建出丰富多彩的网页样式。 在初识CSS时，你可以了解以下几个方面： 1. CSS的基本语法：CSS由选择器和声明块组成。选择器用于选择要应用样式的HTML元素，声明块中包含了一系列的样式属性和值。 2. 样式属性和值：CSS提供了丰富的样式属性和对应的取值，可以用来控制元素的外观、布局和动画效果。例如，可以使用"color"属性来设置文本颜色，使用"font-size"属性来设置字体大小。 3. 样式的应用方式：CSS样式可以通过三种方式应用到HTML元素上：内联样式、内部样式表和外部样式表。内联样式是直接写在HTML标签的"style"属性中，内部样式表是写在HTML文档头部的"style"标签中，而外部样式表是单独的CSS文件，通过链接到HTML文档中来应用样式。 4. CSS选择器：选择器用于选择要应用样式的HTML元素。常见的选择器有标签选择器、类选择器、ID选择器、属性选择器等。通过选择器的组合和嵌套，可以更精确地选择元素并应用样式。 5. 盒模型：CSS中的盒模型描述了元素在页面中所占的空间。它由内容区、内边距、边框和外边距组成。通过设置盒模型的属性，可以控制元素的大小、边距和边框样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值