初识HTML

初识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>






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值