这里一名大二学生,利用寒假自学前端开发,在这里记录自己一点一滴的成长。
HTML学习重点知识一览
网课:bilibili网站黑马程序员的网课
编译软件:vs code
周一:
- 浏览器 内核
IE Tirdent
Firefox Gecko
Safari webkit
chrome Chromium
Opera blink
- web 标准
w3c 万维网联盟
标准三层组成
结构 网页元素整理
表现 网页外观样式
行为 交互 js
理想状态的源码 .HTML .css .js 三层独立 放在不同的文件里面
- HTML 初识
超文本标记语言 标记语言
超越文本限制超越链接文本
图片、文字、链接标签
<> 语言写在尖括号内
- html 骨架标签
head title 网站标题
body 文档主体
html 标签名 类名 标签属性 大部分属性值 均为小写
- html 标签分类
双标签<标签名>内容<标签名/>
空标签
- 标签关系
嵌套关系
head 包含title (父子关系)
并列关系
head和body 关系 上下对齐
- 代码开发工具 书写代码
sublime vscode
- html 模板
第一行写html type
lang=“en” 语言用english 写代码用的语言
zh-CN 中文
- charset 字符集 进行字符编码
gb2312 国标
BIG5 繁体中文
GBK 简体中文+繁体中文
UTF-8 包含全世界所有的字符集 世界主流语言
- 标签的语义化
h 标签
去掉css后 仍然组织有序
在合适地方加合适标签
- 常用标签
排版标签:页面结构
h 标题标签 分为六级 显示效果不一样
空格和回车没用
段落标签 p 分成若干段落
水平线标签 hr 单标签
换行标签 br
盒子标签(装元素) div span
div 一行一个 上下显示
span 一行显示多个
- 文本格式化标签
加粗标签 语义更强烈
斜体 i em
加删除线 s del
加下划线 u ins
- 标签属性
插入图片 img
src 路径
alt 图片无法显示的替换文本
title 提示文本 鼠标放在图片上显示的文字
width 宽
height 高
border 图片边框
key=“value”
- 链接标签 a
herf 跳转目标
外部链接 http://开头