文章目录
一,第一部分
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内容一
有序列表
- ,
- 用的非常少,无序列表可代替有序列表
Typle属性改变前面标记的央视(一般用CSS控制)
第二十部分
20.1内容一
定义列表
dt定义列表
dt定义专业术语或名词
dd对名词进行解释和描述