Web前端技术HTML基础(1)

1.什么是HTML?

超文本标记语言(Hyper Text Markup Language)是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

2.为什么需要HTML?

  • 网页的本质:
    是将远程服务器上的文件内容显示到当前主机上
  • 为了将内容按照我们指定的语义(语义:指该文本是做什么用的)进行处理,所以就需要通过HTML将文本内容进行标记,而标记后的内容将按照规定的语义进行处理,达到更好的用户体验。

3.HTML标签和文档结构

  1. 标签:

    • 在HTML中用英文的尖括号(’<‘和’>’)包起来,如:’<html>’ ‘<head>’ ‘<body>’
    • 成对出现(分为开始标签和结束标签),如:’<html></html>’
    • 自闭和标签功能简单,使用一个标签即可,例如:’<br>’ ‘<input/>’ ‘<img/>’
  2. 文档结构

<!DOCTYPE HTML>
<html>		#根标签
	<head>...</head>	#头部信息相关
	<body>...</body>	#页面主体相关内容
</html>

4.HTML标签属性

  1. 语法:
<标签名 属性1="值1" 属性2="值2" ......>内容</标签名>
<标签名 属性1="值1" 属性2="值2" ....../>

5.注意事项

  1. 记号/标签不会显示出来的
  2. 标签只是用来做语义标识而不负责控制样式(样式用css控制)
  3. HTML标签不区分大小写("<h1>“和”<H1>"是一样的,一般建议用小写)
  4. 可嵌套,但不能交叉
    例如:"<div><p>段落</p></div>",但不能"<div><p>段落</div></p>
  5. 注释:
<!--这里是注释的内容-->
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值