学习笔记o

一,第一部分

1.1内容一

  拨云见日:HTML  CSS  切图流程  PC企业站布局  PC游戏展布局

1.2内容二

  朔本求源:拓展HTML  拓展CSS  HTMLS新语法  CSS3新语法  兼容与hack

1.3内容三

  风生水起:弹性布局  网格布局  移动端布局  响应式布局  Bootstrap

1.4内容四

  巧夺天工:预编译CSS  postcss  CSS架构  高级功能  CSS与JS交互

二,第二部分

2.1内容一

  了解什么是HTML CSS
  HTML  CSS是网站的编程语言,需配合使用

三,第三部分

3.1内容一

认识VS Code
在这里插入图片描述

3.2内容二

VS Code下载地址:https://code.visualstudio.com/
拓展中可安装语言包,open in browser, view in browser

四,第四部分

4.1内容一

Chrome浏览器是微软公司创建的主流浏览器

在这里插入图片描述

4.2内容二

快捷键
在这里插入图片描述
多光标:alt+鼠标左键
选择相同元素的下一个:ctrl+d
设置大小,是否换行,word warp从文件首选项设置

练习新建文件和文件夹

五,第五部分

5.1内容一

深入了解网站开发(HTML只有结构 CSS起美化作用)在这里插入图片描述
UI设计师根据客户设计样子
Web前端与后端配合
后端负责记录和存储

六, 第六部分

6.1内容一

web前端三大核心技术:HTML CSS JaveScript(与用户做交互行为)在这里插入图片描述
在这里插入图片描述
div是结构,style是样式,script是行为

七,第七部分

7.1内容一

HTML是超文本标记语言,标准通用标记语言下的一个应用,是网页制作必备的编程语言

7.2内容二

HTML的基本结构在这里插入图片描述
在这里插入图片描述
嵌套越深,等级越详细,最外层等级越<header <footer等级越大

7.3内容三

HTML常见标签
在这里插入图片描述HITM常见标签:http://www.html5star.com/maual/html5label-meaning/

7.4内容四

HTML的属性
标签的属性是用来修饰标签的,设置当前标签的一些功能
<标签 属性=“值”> (一个标签可以加多个属性)
在这里插入图片描述

第八部分

8.1内容一

HTML初始代码
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第九部分

9.1HTML中的注释

在这里插入图片描述

第十部分

10.1HTML语义化

在这里插入图片描述

十一,第十一部分

11.1标题与段落

标题title为网页head标题 h标签为网页标题在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

第十二部分

12.1内容一

在这里插入图片描述
在这里插入图片描述

以上都是双标签。一般情况下,删除文本和插入文本是配合使用的

第十三部分

13.1内容一

图片标签:img是单标签
img的属性:src用来引入图片的地址 alt当图片出现错误时,会出现提示文字 title提示信息 width,height显示文字大小(用来固定图片的高度,在展现是不会变化)
在这里插入图片描述
在这里插入图片描述

第十四部分

14.1内容一

引入文件的地址路径:
相对路径:.在路径中表示当前路径 …在路径中表示跳进上一级路径
绝对路径:路径中可用反斜线,可不写盘符在这里插入图片描述

第十五部分

15.1内容一

跳转路径
a为双标签
herf属性是链接地址 target属性可以改变链接打开的方式,默认情况下,在当前页面打开self 新窗口打开用blank
base是单标签
其用来改变链接的默认行为
在这里插入图片描述

第十六部分

16.1内容一

跳转锚点
实现一:#号+id属性
实现二:#号+name属性
在这里插入图片描述
在这里插入图片描述

第十七部分

17.1内容一

特殊符号
在这里插入图片描述

第十八部分

18.1内容一

无序列表 ul和li必须是组合出现的,他们之间不能有其他标签
ui列表属性:改变前面标记的样式(一般使用CSS去控制)
在这里插入图片描述

第十九部分

19.1内容一

有序列表

  1. ,
  2. 用的非常少,无序列表可代替有序列表
    Typle属性改变前面标记的央视(一般用CSS控制)

在这里插入图片描述

第二十部分

20.1内容一

定义列表
dt定义列表
dt定义专业术语或名词
dd对名词进行解释和描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值