1、系统架构
b(浏览器)/s(服务器)架构:
c(客户端)/s(服务器)架构:
2、网页内容包含:
文字、图片、超链接、视频等等
3、什么是HTML?
HyperText Markup Language
HTML 是超文本标记语言
包括文字+图片+音视+链接…
4、web前端三项技术
HTML
css 设置元素的属性样式
js 让元素具有动态效果
5、文件扩展名
win使用文件扩展名来区别文件的类型
6、web开发工具
IDE工具:快捷的开发效率、语法提示、语法高亮
7、注释
快捷键 Ctrl+/
8、标签
标签放在<>里面
标签一般是成对出现,有开始标签和结束标签,结束标签后面多了/
开始标签和结束标签又被称为闭合标签
单标签页称之为自关闭标签
9、
</head>
<body> <!-- 页面上显示的文本、超链接、图片、视频 -->
<!-- font标签 -->
<!-- <font size="5px" color="red" face="宋体">雷浩啊</font>
<font size="5px" color="red" face="微软雅黑">雷浩</font> -->
<!-- h系列标签 h1-h6 从字体的大小粗细依次递减,h1最大 h6最小 -->
<!-- <h1>学习使我快乐</h1>
<h2>不,你不快乐</h2>
<h3>你怎么知道我学习不快乐</h3>
<h4>好吧。学习使你快乐</h4>
<h5>嗯嗯</h5>
<h6>一起快乐的学习吧</h6> -->
<!-- p标签,段落标签 -->
helloword<br />
<!-- <hr> 分割线-->
你好
<p> 全国政协委员、百度董事长李彦宏今年带来的四项提案中三项都与人工智能有关,“我们要抓住国家推进制造业智能化升级和新兴产业发展的机遇,加快5G、人工智能、数据中心等新型基础设施建设,推动智能经济加速到来,让百姓过上更加幸福的生活。”李彦宏表示。</p>
</body>
10、img
src属性,放置图片地址
相对路径:
绝对路径:
src可以存放本地图片地址。本地图片地址建议使用相对路径
也可以放在线图片
可以设计图片的宽和高
title鼠标悬停的文字
alt:图片失效提示文字
11、a标签:超链接
href :跳转的地址,可以是一个网页、图片、
12、tr行 td列 th表头列 thead表头放在里面
tbody表体
border=“1px” 设置边框粗细
align=“center” 设置边框显示位置
cellspacing=“10px” 设置单元格直接的距离
cellpadding=“10px” 设置单元格和内容直接的距离
13、表单
用户名:
密码:
确认密码:
男:
女:
省份
杭州
南京
武汉
郑州
<!-- <input type="image" src="images/6.jpg" /> -->
<input type="button" value="搜索"/>
<input type="submit" value="注册"/>
<input type="reset" value="重置" />
</form>