学习HTML的第一天

最新推荐文章于 2024-07-24 13:24:14 发布

fighting小牛

最新推荐文章于 2024-07-24 13:24:14 发布

阅读量96

点赞数 1

文章标签： html5 vscode

本文链接：https://blog.csdn.net/qq_45598568/article/details/118784968

版权

1.了解web、html

2.熟悉开发工具vscode

1.了解HTML、web

HTML是超文本标记语言，用来描述网页，不是编程语言，比编程语言更加容易学习。

网页是网站中的一页，通常为HTML文件。网页标准主要包括结构（structure）、表现（persentation）、和行为（behavior）。

结构	对网页元素进行整理和分类，HTML。
表现	设置网页元素的板式、颜色、大小等外观样式，主要指的是CSS。
行为	网页模型的定义以及交互的编写，JavaScript。

web 标准提出的最佳体验方案：结构、样式、行为相分离即结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript（.js）文件中。

网页的形成：前端人员开发-->浏览器显示代码（解析、渲染）-->生成最后的web 网页

2 了解HTML标签

了解语法规范：写在<>内、一般成对出现、标签之间关系：包含并列。

基本结构标签：<html></html>根标签、<head></head>头部标签（设置title<title></title>标签）、<body></body>主体标签（网页内容）。

3 开发工具Visual Studio Code（vscode）

编写HTML文件当然也可用记事本，vscode可以查错、方便预览网页效果、标签自动配对等很好用。

1. vscode安装

1-2 拓展安装

需要安装的拓展有：

其中open in browser插件使用出现问题，解决办法步骤如下参考【点击这里】：

1.安装插件后设置默认浏览器，重启vscode试试能不能用，如不能则。

2.将版本调低重启vscode。

2. vscode使用

2-1 新建HTML文件：

1 文件-->新建-->保存为.html的文件

2 输入！自动写出骨架

2-2 对骨架文本的理解

<!DOCTYPE html>	文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面
<html lang= "en">	网页语言为英文，中文网站 "en" 为 "zh-cn"
<meta charset="UTF-8”/>	采取UTF-8万国码编码来保存文本

2021/7/15

1 csdn博客1篇

2.html教学视频P1-P12

ps：
每天一个小技巧：编辑csdn博客内容时，按Shift+Enter是一个回车，直接按enter是一组回车两行

关注