HTML冲浪笔记(一)

最新推荐文章于 2023-09-07 10:30:00 发布
最新推荐文章于 2023-09-07 10:30:00 发布
阅读量93 收藏
点赞数
分类专栏： 前端 html 文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67391401/article/details/123346730
版权
本文是HTML冲浪笔记的第一部分，详细介绍了HTML的基本结构标签，包括文档类型声明、语言种类、字符集，以及标题、段落、换行、文本格式化等常见标签。还探讨了图像、超链接、锚点、注释、表格、列表、表单元素等，是学习前端开发的良好参考资料。
摘要由CSDN通过智能技术生成

web前端剑法之HTML

??web前端剑法之HTML

地址

??HTML冲浪笔记(一)

https://blog.csdn.net/Augenstern_QXL/article/details/115419453

??HTML5冲浪笔记(二)

https://blog.csdn.net/Augenstern_QXL/article/details/115599059

目录总览

在这里插入图片描述

1、VS插件推荐??

插件

说明

Chinese

中文语言包

Open in Browser

右击选择浏览器打开html文件

JS-CSS-HTML Formatter

每次保存，都会格式化代码

Auto Rename Tag

自动重命名配对的HTML/XML标签

CSS Peek

追踪至样式

escook-theme

黑马刘龙彬老师主题

Community Material Theme

设置颜色主题

Live Server

自动监测代码修改并在浏览器响应

vscode-icons

设置文件图标作主题

2、 基本结构标签??

标签名

定义

说明

<html></html>

HTML标签

页面中的最大的标签，我们称为根标签

<head><head>

文档的头部

注意在head标签中我们必须要设置的标签是title

<title></title>

文档的标题

让页面拥有一个属于自己的网页标题

<body></body>

文档的主体

元素包含文档的所有内容，页面内容基本都是放到body里面的

  1. HTML 标签是由尖括号包围的关键词，例如 <html>

  2. HTML 标签通常是成对出现的，例如 <html>和</html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。

  3. 有些特殊的标签必须是单个标签（极少情况），例如<br />，我们称为单标签。

    Document

2.1、文档类型声明标签

  • <!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。

  • 这句代码的意思是: 当前页面采取的是 HTML5 版本来显示网页.

  • 注意：

    • <!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
    • <!DOCTYPE> 不是一个 HTML 标签，它就是文档类型声明标签。

2.2、lang语言种类

用来定义当前文档显示的语言

  • en 定义语言为英语

  • zh-CN 定义语言为中文

2.3、字符集

在<head>标签内，可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。

<meta charset = "UTF-8" />
  • charset 常用的值有：：GB2312 、BIG5 、GBK 和 UTF-8，其中 UTF-8
最低0.47元/天 解锁文章
m0_67391401
关注
专栏目录
冲浪
03-04
"冲浪"在这里可能指的是使用Jupyter Notebook进行数据科学或者编程的一种比喻，因为"冲浪"通常意味着驾驭潮流，而在编程领域，特别是数据分析和机器学习中，Jupyter Notebook被誉为是驾驭数据潮流的强大工具。...
前端学习--VSCode插件
象溪的博客
12-03 505
VS插件推荐 插件 说明 Open in Browser 右击选择浏览器打开html文件 JS-CSS-HTML Formatter 每次保存，都会格式化代码 Chinese 中文语言包 Auto Rename Tag 自动重命名配对的HTML/XML标签 CSS Peek 追踪至样式 escook-theme 黑马刘龙彬老师主题 Community Material Theme 设置颜色主题 Live Server 自动监测代码修改并在浏览器响应 vscod
【HTML笔记】
weixin_58387292的博客
02-25 841
基本结构标签 <html></html> 页面中最大标签，称为根标签 <head><head> 头部标签，须要设置title <title></title> 网页标题 <body></body> 元素包含文档的所有内容 ...
HTML我们需要掌握哪些知识点？
lhw19960418的博客
07-02 924
Web标准（面试题） web标准有三层结构，分别是结构（html）、表现（css）和行为（JavaScript） 结构类似人的身体，表现类似人的着装，行为类型人的行为动作 理想状态下，他们三层都是独立的，放到不同的文件里面 什么是HTML？ html是超文本（除文本外的图片、视频等）标记（标签）语言 html标签可以描述网页元素，如：图片标签、文字标签、连接标签等等 标签有自己的语法规范，所有的html标签都是<>表示的 HTML骨架标签 标签分类和关系 分为双标签和单标签，主要使用
HTML 标签（上）
weixin_43772946的博客
04-10 130
HTML 标签
Web-Design-Challenge:使用HTML和CSS创建仪表板以显示以前的分析工作
03-27
sqlalchemy-challenge-冲浪了！ 使用SqlAlchemy ORM查询，熊猫，图形和后端数据库进行挑战分配 SQLAlchemy Challange 概述 这是SQLAlchemy提交的内容：Surf's Up 此存储库中包含2个文件夹： 代码：包含2个应用...
正念冲浪「Mindful Surfing」-crx插件
03-23
这个扩展应该是令人讨厌的 - 它的意义在于分散你从无心的冲浪！ 绝对是一个阿尔法 - 评论欢迎！ 图标功劳：http://www.cliparthut.com/xmas-candle-clipart.html 本·Blamey ben@benblamey.com 支持语言:English
HTML学习一
Amumu12138的博客
02-15 489
一、基础学习路线 主要学习PC端网站布局 最终网站: 购物静态网站 目的: 精通网页布局，也是我们前端人员的必备技能，为后面学习JavaScript打下坚实基础 1、HTML5基础 内容: 学习HTML5基础，主要学习最常见的没有兼容性的HTML标签。 2、CSS3基础 内容:学习CSS3基础，主要学习最常用的没有兼容性的CSS样式，利用前面学习的标签完成传统PC端网页布局。 3、H5C3提高 内容:学习HTML5新增的标签、CSS3样式。有一定兼容性，可以与未来更好的接轨、 4、项目—
Edge自带小游戏，最灵活的修改教程 修改js运行代码实现
m0_46745664的博客
12-23 9257
Edge自带小游戏，最灵活的修改教程。修改js运行代码实现。超详细，保姆级教程。
HTML基础02-HTML标签（上）
yangjiao191127的博客
01-31 413
02-HTML标签（上） 01-HTML语法规范 1.1基本语法概述 HTML标签是由尖括号包围的关键词，例如。 HTML标签通常是成对出现的，例如，我们称为双标签。标签对中第一个标签是开始标签，第二个是结束标签。 有些特殊的标签必须是单个标签（极少数），例如，我们称为单标签。 1.2标签关系 双标签关系可以分为两类：包含关系和并列关系 包含关系（父子关系）： <head> <title></title> </head> 并列关系（兄弟关系）：
HTML学习内容的总结
天气
03-10 578
1.HTML的定义 HTML是超文本标记语言（HyperText Markup Language）的缩写。我们用 HTML 来构建 Web 页面。 2.HTML开发环境的配置 ①开发工具 VS Code ②推荐安装的插件 Auto Close Tag、Auto Rename Tag、Code Runner、IntelliSense for CSS、Material Icon、Open HTML in Browser、Path Intelligence等。 3.HTML文档结构分析 HTML 使用"标记"来注
前端面试题总结（part 1）：$HTML , HTTP , web综合问题
材女的进击
05-07 534
1.前端需要注意哪些SEO（搜索引擎的优化） 合理的title、description、keywords: 搜索对这三项的权重逐个减小。title:强调重点，重要关键词出现不超过2次，而且要靠前，不同页面的title要不同；description: 高度概括页面内容，长度合适，不要过度堆砌关键词，不同页面的description要有所不同；keywords: 列举出重要关键词即可 （desc...
HTML最新总结HTML详细基础入门内容全（附源码）
lyl20040822的博客
03-15 517
HTML最新总结HTML详细基础入门内容全（附源码）
HTML大全
七号公园的博客
10-10 5494
一、1、Html和CSS的关系 学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的： 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容
HTML基础教程（非常详细）从零基础入门到精通，看完这一篇就够了。
最新发布
m0_61869253的博客
09-07 3986
HTML全称Hyper Text Markup Language, 翻译成中文就是超文本标记语言，是一种最基础的网页开发语言, 需要注意的是HTML并不是编程语言, 而是一种标记语言超文本可以理解为超越了文本的意思, 也就是超级文本, 超文本不只是普通的文本内容, 还可以加入图片,视频,声音等内容, 甚至可以从一个文件跳转到另一个文件(超级链接文本)标记语言可以理解为一套标记标签,也就是由许多标记标签组成的语言。
HTML基础及其基本内容
2201_75364879的博客
02-26 175
HTML
node学习
weixin_43204464的博客
11-22 370
它里面存储了和当前模块有关的信息例子：在文件里console.log(module)Module {id: '.',filename: 'C:\\Users\\Desktop\\node\\07测试.js',paths: []}必须指定 ./或者是…/的路径标识符如果用require（）导入自定义模块时，省略了文件的拓展名，Node.js会按顺序分别尝试加载以下的文件1.按照确切的文件名进行加载2.补全.js拓展名3.补全.json拓展名4.补全.node拓展名5.加载失败终端报错。
Java基础大总结,web,CSS,JS
XrJ210的博客
08-12 241
自己整理的电子笔记，在线点击目录即可跳转，基础不牢，地动山摇！更重要的是边学边记边回顾！加油！ Java基础大总结： https://blog.csdn.net/Augenstern_QXL/article/details/117482673 Java核心编程总结（一、继承）：https://blog.csdn.net/Augenstern_QXL/article/details/116209463 Java核心编程总结（二、抽象类与接口）：https://blog.csdn.net/Augenstern_
键值NoSQL数据库的冲浪并发事务处理：一个Redis研究
"这篇论文主要探讨了键值NoSQL数据库中的一种新的并发事务处理模型——冲浪并发事务模型，特别关注了在Redis中的应用。作者Changqing Li和Jianhua Gu来自西北工业大学计算机科学与工程学院，他们针对当前NoSQL数据库...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值