web前端html5+css3学习笔记(2)
文章目录
目录
一、标签
二、HTML基本结构
三、vscode
1.插件
2.注释
3.文档声明
四、字符编码
五、设置语言
六、页面图标
一、标签
标签(也叫元素),需要小写
<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)
web前端html5+css3学习笔记(2)相关推荐
- web前端html5+css3学习笔记(1)
开启我的第一篇博客~~~ 记录学习html+css的笔记 目录 一.认识两位先驱 二.计算机的组成 1.硬件 2.软件 三.浏览器与内核 四.网页标准 五.HTML历史* 一.认识两位先驱 图灵:人工 ...
- web前端+HTML5+CSS3学习笔记
文章目录 HTML认知 网页的基本组成和本质 HTML初始概念 HTML标签学习 HTML基础 列表 表格 表单 语义化标签 字符实体 CSS基础 基础认知 选择器 文字字体 Emmet语法 CSS进 ...
- web前端html5+css3学习笔记(3)——标签
目录 一.排版标签 1.标题标签 2.段落标签 二.语义标签 三.块级元素和行内元素 1.块级元素 2.行内元素 四.文本标签 1.常用文本标签 2.不常用文本标签 五.图片标签 六.相对路径与绝对路 ...
- 前端HTML5+CSS3学习笔记
HTML5+CSS3学习笔记 ==CSS第一天== 一.css简介 二.css语法规范 三.css代码风格 四.css选择器的作用 五.css基础选择器 1.标签选择器: 2.类选择器 3.多类名选择 ...
- 千峰HTML5+CSS3学习笔记
千峰HTML5+CSS3学习笔记 文章目录 千峰HTML5+CSS3学习笔记 写在前面 1. 前言 2. HTML 3. CSS 3.1 选择器 3.2 CSS属性 4. 盒子模型 4.1 溢出属性 ...
- 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p1-p8】
尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇 尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门) p1(22:55) 一.软件的分类: 1.系统软件 -wind ...
- 好程序员web前端分享Nodejs学习笔记之Stream模块
好程序员web前端分享Nodejs学习笔记之Stream模块 一,开篇分析 流是一个抽象接口,被 Node 中的很多对象所实现.比如对一个 HTTP 服务器的请求是一个流,stdout 也是一个流.流 ...
- HTML5+CSS3学习笔记(第1章)HTML基础
HTML5+CSS3学习笔记(第1章)HTML基础 今天是居家隔离第一天,自学HTML5. 1.1HTML概述 什么是HTML HTML是一种标记语言.(Hyper Text Markup langu ...
- HTML5+CSS3学习笔记(三)文档流和盒子模型【附练习:图片列表、左侧导航栏】
HTML5+CSS3学习笔记(三) 本系列更多文章,可以查看专栏 HTML+CSS学习笔记 文章目录 HTML5+CSS3学习笔记(三) 一.CSS布局 1. 文档流(块级元素.行内元素.行内块元素) ...
最新文章
- asp.net confirm提示
- Android Prelink
- [SCOI2005]扫雷
- 【拥抱大厂系列】面试官100%会严刑拷打的 CMS 垃圾回收器,下次面试就拿这篇文章怼回去!
- Oracle的下载安装教程以及所出现的问题
- Windows消息循环理解及窗体创建步骤
- Ubuntu磁盘扩容及启动问题整理
- oracle数据本机自动备份
- 一张图看懂2017双11中的网络产品和技术
- asp.net core 2.0 web api + Identity Server 4 + angular 5 可运行前后台源码
- linux调用线程函数,作为线程调用的C函数-Linux Userland程序
- 由H264软编码可以看出,电脑的性能远远超过手机
- Java关流对流对象有什么影响_Java面试题全集(1.4)
- 计算机复制方法有,如何在电脑上复制粘贴文字(包括快捷键),来学习吧
- 数据中心优化专家Future Facilities公司推出6Sigma DCX最新版本
- html导出excel换行,ASP.NET 导出到Excel时保留换行的代码
- 以后给孩子起名字不用发愁了
- 独立开发变现周刊(第66期): 如何把一个短链接生成工具变成一个可持续盈利的产品?...
- Win10/Win7 打印机 [有线局域网共享]
- Blender 3D环境场景创建教程