web前端html5+css3学习笔记(2)

果粒橙_

已于 2023-03-12 15:05:41 修改

阅读量172

点赞数 3

文章标签： html5 前端

于 2023-03-09 22:30:32 首次发布

本文链接：https://blog.csdn.net/m0_52353966/article/details/129421117

版权

本文介绍了HTML的基本结构，包括标签如<marquee>和<input/>，以及HTML文档声明和字符编码。同时，讨论了VSCode的插件如vscode-icons和LiveServer的功能，还提到了如何设置页面图标以及一些快捷操作。此外，文章还涵盖了字符编码如ASCII和UTF-8，以及HTML语言的设置。

摘要由CSDN通过智能技术生成

文章目录

一、标签

标签（也叫元素），需要小写

<marquee></marquee> 跑马灯滚动显示

属性

loop：循环次数

bgcolor：背景色

<input/> 输入框，单标签

无bgcolor

1、独有属性要看标签哦

2、通用属性可以给所有标签加，例如id给标签打标识

3、有些属性值不需要属性名，例如<input disabled>

4、标签内的属性名不能重复，重复后以第一个出现的为主

查看源代码的操作：

用查看网页源代码：查看的是源代码（未渲染）

用检查：查看浏览器渲染后的代码 (日常开发中用检查较多)

二、HTML基本结构

<html>
    <head>
           <title>我的网页</title>
    </head>
    <body>
            <marquee loop="3">你好</marquee>  <!-->marquee标签现已废除<-->
            <!-->这是一个注释<-->
    </body>
</html>

三、vscode

1.插件

vscode-icons

可以显示文件规范图标

Live Server

快速打开html页面，且自动刷新

必须打开文件夹才可以工作

源代码必须是标准的html结构，否则网页无法自动刷新

2.注释

注释可以换行，但是不要嵌套

<!-->这是一个注释<-->

快捷注释/取消注释：ctrl+/

3.文档声明

<!DOCTYPE html>

声明为html文档

四、字符编码

ASCII：128个

GB2312：国标

UTF-8：万国码

<meta charset="UTF-8">

五、设置语言

<html lang="en">

技术教程网站

w3school 在线教程

HTML（超文本标记语言） | MDN (mozilla.org)

HTML Standard (whatwg.org)

ctrl+shift+k：快速删除光标所在行 ctrl+x也可以

shift+刷新按钮：可以强制刷新页

ctrl+enter：在一行任意处实现快速换行

!+tab：一键在vscode中生成html结构

六、页面图标

favicon.ico 页面图标文件，按照如下添加图标：

<link rel="shortcut icon" href="favicon.ico"/>

建议可以去这个网站找到免费的ico图标

Logo素材图片，免费搜索下载359,482个logo图片图标 - 标小智LOGO神器 (logosc.cn)

果粒橙_

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫