1.html:超文本标记语言。包含一系列标签,使分散的Internet连成整体。
2.css:层叠样式表,不仅可以修饰静态网页,也可以配合脚本对网页进行格式化。
3.JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
作用:html定义网页结构。css用来做修饰,js用来做交互和脚本。
4.使用编程软件:vscode(visual studio code) 下载地址:https://code.visualstudio.com
常用插件:中文化:search chinese 打开网页:open in browser /view in browser
保存时自动格式化:Format On Save
5.vscode常用快捷键:
自动折行设置:file-首选-setting-word-wrap(on)
shift+end 从头选择一行 shift+alt+↓ 快速复制一行 tab向后缩进
shift+end 从尾部选择一行 alt+↓or↑ 快速移动一行 tab+shift向前缩进
多光标:alt+鼠标左键 ctrl+d选择相同元素的下一个
6.目前的浏览器市场:goole chrome,microsoftedge,qq browser,Firefox,ie,360....
7.html:超文本标记语言。 超文本:文本(text)+非文本(pic,video,audio)
写法:标签:<单词> 分为单标签和双标签。
属性;<标签属性="值">
8.html初始代码解释: 注:!+tab快速创建
<!DOCTYPE html> //文档声明,告诉浏览器这是一个文件
<html lang="en"> //网页语言设置:lang="en"(英文网站)lang="zh-cn"(中文网站)
<head> //头部
<meta charset="UTF-8"> // 元信息:编写网页中的赋值信息 UTF-8:编码格式
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> //设置网页标题
</head> //头部
<body> //页面
</body> //页面
</html>
9.html注释的添加:<!-- 注释 内容--> 快捷键;ctrl+/
10.html语义化的优点:(1)良好的html使得html文档结构清晰,布局合理,主题突出,可读性更强。(2)促进无障碍阅读,帮助残障人士的辅助设备,识别元素含义做出正确反馈。(3)SEO(搜索引擎优化),让爬虫更好的理解网页,分析内容,获取信息。
11.html标签:
(1)标题:<h1></h1>到<h6></h6> 注:h1为最重要标题,每个网页只能出现一次。
(2)段落:<p>段落</p>
(3)文字修饰标签:
<strong></strong> 表强调,文本加粗 <em></em>表强调,文本倾斜
<sub></sub> 下标文本 <sup></sup>上标文本
<del></del>删除文本 <ins></ins>插入文本
(4)图片属性和标签:<img src="" alt="" title="" width="" height="" >
scr:引入图片地址 alt:当图片无法显示时出现一段文字进行解释描述
title:鼠标移入提示信息 width,height 高宽
引入文件的地址路径(src=""):
相对路径:./在路径表同一路径 ../上一级路径 绝对路径:硬盘的地址(不推荐)
12.跳转链接(在新的网页窗口打开页面)
<a href=""></a> href="网址/图片/文字"
target="_blank":新页面打开网址
<base href="">改变链接的默认行为,设置全局作用域在head中设置 <base href="#" target="_blank">
13.跳转锚点(页面内跳转) 应用场景:文章的跳转
实现方式1:eg:#elem id属性:id="elem" 注:id属性具有唯一性