01 HTML基础

HTML基础
1.介绍
前端是做什么的？
web项目开发
项目经理
产品经理
前端
后端
运维
测试
DBA
我们的工作方向
web开发
移动端开发
微信小程序开发
服务端开发
游戏开发
云应用开发
什么是网页？
我们打开浏览器访问的一切内容，都是由网页构成。
简单点说，网页就是html。
html的概念定义
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。
HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的
如何学习html？
html的核心
语义化
标签
单标签

<> 创建一个标签
img 标签名
src 属性
…/a.jpg 属性值
双标签
百度
<> 创建标签
标签的开始
标签的闭合
href 属性
“http://www.baidu.com” 属性
常用的一些辅助标签
功能性标签
主要用来完成网页当中的某些功能
网页布局核心语义化标签
2.发展史
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
XHTML1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布
XHTML 1.1，于2001年5月31日发布，W3C推荐标准
XHTML 2.0，W3C工作草案
XHTML 5，从XHTML 1.x的更新版，基于HTML 5草案
HTML 5——2014年10月28日，W3C推荐标准
前身：Web Applications 1.0
于2004年被WHATWG提出
于2007年被W3C接纳
在2008年1月22日，第一份正式草案发布
3.工具
原则：够用就行！！！
编辑器
notepad++
DW
sublime text
VS Code
WebStorm
H5 Builder
Editplus
浏览器
Chrome浏览器
Firefox浏览器
IE浏览器(IETester)
safari浏览器
opera浏览器
其他软件
飞秋
VNC
InletexEMCFree
wps
xmind
7-zip
markman
photoshop
6.标签
功能性标签
列表
无序列表
ul li
有序列表
ol li
type属性
图片
网页当中如何使用一张图片
src属性
绝对路径和相对路径
width属性和height属性
表示图片的宽度和高度
alt属性
当图片加载失败的时候，显示的提示内容
超链接
什么是超链接，如何在网页中定义个超链接
href属性
http/https协议
title属性
展示给用户看的文字
div标签和span标签
网页切割
包含普通的文本内容
表格
如何创建一个表格
table标签
border属性
例如:1
width属性
例如:300px
rule属性
例如:all
创建表格中的行
tr
创建表格当中的单元格
td
align
left
right
center
justify
colspan
规定单元格可横跨的列数
rowspan
规定单元格可横跨的行数
创建表格中的标题
th
单元格与单元格之间的间距
cellspacing
单元格与内容之间的空隙
cellpadding
辅助类标签
标题标签
h1 - h6
段落标签
p
水平线
hr
删除线
del
倾斜强调
em
加粗强调
strong
斜体文本
i
预格式文本
pre
换行
br
注释

常用标签
http://www.w3school.com.cn/tags/html_ref_byfunc.asp
7.实体字符
空格
 
版权
©
<
<
>
>
常用
http://www.w3school.com.cn/tags/html_ref_entities.html
5.主体结构
文档声明头

html5文档声明，告诉浏览器当前的网页语法为html5
网页标签

网页的所有内容都是在这组标签当中
网页头部标签

网页的预定义信息都写在这组标签当中

给网页设置字符集编码

网页标题
网页内容标签

展示给用户看的内容都写在body标签当中
4.站点的概念
一个网站可以被别人访问到需要经历的流程
购买/租赁/搭建服务器
阿里云
百度
解析域名
DNS解析
配置远程连接
ftp/ssh
上传网站源码
将本地源码上传到服务器当中
seo优化
关键词
连接
后期维护
bug修复
功能升级
网站升级
网站功能整体升级
站点本地开发
文件夹？目录？
一般情况下的目录结构
不同的技术负责站点的不同功能