初识HTML
他不是编程语言,标记语言(Markup Language)使用标签等标记来描述一些事物的一种语言。Md markdown一种文件格式,程序员必会!它支持一些标记语法,甚至支持HTML.
一般来讲编程语言都拥有选择和循环结构。
1.了解HTML相关概念
- Ctrl+Shift+R 复制
HTML:
超文本:超越了文本,不仅仅是文本。
(
XML:(extensive Markup language)可扩展的标记语言,
HTML和XML的区别:我们的XML它是可以随意在文件中定义自己的标记,但是它的HTML的标记是官方定制的语法,无法自定义,HTML是用来在网页中描述信息。
扩展名为:.htm和.HTML。
1.HTML的发展史
1993年正式发布!
W3C(万维网联盟 国际性的中立的技术类标准组织,它维护了很多技术的标准,HTML,XML,XHTMTL,)
WHATWG(网页超文本应用技术工作小组)
2.掌握HTML的基本结构
HTML是一个弱语法的标记语言。它不像XML和java等那么严格!
Web前端开发常用IDE:Sublime Text3,HBuilder X,WebStorm,VSCode ,HBuilde,DreamWeaver
3.掌握HTML的常用标签
常用地超文本标签
1.标题标签
(2)段落或换行标签
超链接标签
超链接,超文本链接
1.分类
(1)页面间链接:最常用,链接地址为某个网页
(2)锚链接:在同一个文档/网页中,进行不同位置的连接跳转。目录就是锚链接。百度百科右侧的
(3)功能性链接:通过连接可以打开电子邮箱,QQ,拨号盘等…
视频和音频标签
语义化标签
网页设计时常用
<!-- 上中下结构 还有例如:121结构 131结构 封面结构... -->
<div>
网页头部区域 - 放导航
<div class="header">
导航
<div class="nav-bar"></div>
个人中心信息
<div></div>
</div>
网页中间内容 - 主体内容
<div class="content-body">
侧边栏
<div></div>
</div>
网页尾部内容 - 版权 相关链接等
<div class="footer"></div>
</div>
<div style="position: fixed;bottom: 300px;right: 30px;">
<h2>
<a href="#yi">f1</a><br/>
<a href="#f2">f2</a><br/>
<a href="#f3">f3</a><br/>
<a href="#f4">f4</a><br/>
</h2>
</div>