html+css+js骨灰级小菜鸟学习笔记总结(1-13)

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属性具有唯一性

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值