HTML CSS学习笔记1

最新推荐文章于 2024-10-10 15:27:46 发布

Madao981

最新推荐文章于 2024-10-10 15:27:46 发布

阅读量120

点赞数

文章标签：学习

本文链接：https://blog.csdn.net/weixin_68319789/article/details/125378223

版权

一.什么是HTML,CSS
做网站的编程语言
一个网站由多个网页组成每一个网页 .html文件

二.vs code（一个开源的，基于Election的轻量代码编辑器）
1.安装插件：
语言包,open in browser ,view in browser
2.学习编辑器的基本使用：
ctrl+s 保存
ctrl+a 全选
Ctrl+x,ctrl+c,ctrl+v:剪切复制粘贴
Ctrl+z ctrl+y:撤销，前进
shift+end从头选中
shift+Home从尾选中
shift+Alt+下快速复制一行
Alt+上下快速移动一行
tab向后缩进
tab+shift向前缩进
多光标：Alt+鼠标左键
Ctrl+d选择相同元素的下一个
3.创建文件，文件夹搜索
文件首选项设置(Word wrap)

三.Chrome浏览器

下载chrome

四.深入了解网站开发
ui设计师
web前端开发工程师(hs开发)
设计稿->代码
数据库里的数据->显示到页面
HTML+CSS
web后端开发工程师

五.web前端三大核心技术
HTML:结构
CSS:样式
javascript:行为

六.html基本结构和属性
HTML：超文本标记语言
(1)超文本：文本内容+非文本内容(图片，视频，音频等)
(2)标记(标签)：<单词>
两种写法:
单标签：<header>
双标签：<header></header>
创建标签快捷键:tab+单词
标签可以上下排列，也可以嵌套
标签的属性：来修饰标签的，设置当前标签的一些属性
<标签属性=“值” 属性2_“值2”>
(3)语言：编程语言

七.HTML初始代码
！+tab:快速创建初始代码
<!DOCTYPE html> 文档声明：告诉浏览器这是一个html文件
<html lang="en"> html文件的最外层标签，包裹着所以html标签代码
<head>
<meta charset="UTF-8"> 元信息：是编写网页中的一些辅助信息 charset="UTF-8"国际编码，让网页不出现乱码情况
<title>Document</title> 设置网页标题
</head>
<body>
显示网页内容的区域
</body>
</html>

八.html注释
写法： 在浏览器中看不到，只能在代码中看到注释内容。
意义：
1，把暂时用不到的代码注释起来，方便以后使用。
2.对开发人员进行提示

快捷键添加与删除注释:
1.ctrl+/
2.shift+art+a

九.标题与段落
1.标题->双标签：<h1></h1> ... <h6></h6>
在一个网页中，h1标签最重要，并且一个.HTML文件中只能出现一次h1标签。
h5,h6标签在网页中不经常使用。
2.段落->双标签；<p></p>

十.文本修饰标签
1.强调->双标签：<strong></strong>(加粗)，<em></em>（斜体）
区别：strong的强调性更强
2.下标；<sub></sub>
3.上标：<sup></sup>
4.删除文本：<del></del>
5.插入文本：<ins></ins>
一般情况下，删除文本和插入文本配合使用

十一.图片标签
img->单标签
src:引入图片的地址
alt:当图片出现问题时，显示一段提示文字
title：提示信息
width，height：图片大小