HTML5+CSS3+JavaScript基础 学习
/*****************************************
学习网站
W3school:https://www.w3school.com.cn/
廖雪峰的官方网站:https://www.liaoxuefeng.com/wiki/1022910821149312
jQuery学习网站:https://jquery.cuishifeng.cn/
前端要避免重复造轮子
*******************************************/
初识HTML
➢HTML ➢Hyper Text Markup Language (超文本标记语言)
HTML5的优势
➢世界知名浏览器厂商对HTML .5的支持 ➢微软 ➢Google ➢苹果 ➢Opera ➢Mozilla ➢市场的需求 ➢跨平台
W3 C标准
➢W3C ➢World Wide Web Consortium (万维网联盟) ➢成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构 ➢http://www.w3.org/ ➢http://www.chinaw3c.org/
➢W3C标准包括 ➢结构化标准语言(HTML、XML) ➢表现标准语言(CSS) ➢行为标准(DOM、ECMAScript )
创建项目-->删除src文件,新建directory(目录)-->新建html文件-->设置里搜索web,更改打开浏览器的路径
HTML注释
快捷键 :CTRL+/
<!-- 注释 -->
<!-- 注释,DOCTYPE 告诉浏览器默认使用什么规范 -->
网页基本标签
➢标题标签 <h1></h1> ➢段落标签 <p></p>
➢换行标签 ➢水平线标签 <hr/> ➢字体样式标签<strong></strong> <em></em> ➢注释和特殊符号 &--;
图像标签
src :图片地址 (必填) 相对地址(推荐使用),绝对地址 ../ --.上一级目录 alt :图片名字(必填)
链接标签
行内元素和块元素
◆块元素 ◆无论内容多少,该元素独占- -行 ◆(p、h1-h6...) ◆行内元素 ◆内容撑开宽度,左右都是行内元素的可以在排在一-行 ◆(a.strong.em...)
列表
■什么是列表 ◆列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息 ■列表的分类 ◆无序列表 ◆有序列表 ◆定义列表