HTML基本格式

前端的三把利器

  • HTML:赤裸的一个人

  • CSS:华丽的衣服

  • JS/JavaScript:赋予这个人的行为,也就是动起来


HTML(超文本标记语言)

html代码实际上就是一套能够被浏览器所识别的规则代码,由一个个标签组成。html代码就是一大长串字符串,而这种字符串的格式正好能够被浏览器所识别,也就有了我们的WEB页面。

后端与前端交互方式

1、后端通过直接返回浏览器能够识别的html代码

2、后端返回数据,前端替换html中的指定数据


一、HTML文档基本格式

<!DOCTYPE html> <!--文档类型声明-->
 
<html lang="en"> <!--表示HTML文档开始,指定语言en-->
 
<head> <!-- 文档元数据开始 -->
    <meta charset="utf-8">              <!--声明字符编码-->
    <title>文档结构</title>             <!--设置浏览器左上角的标题-->
</head> <!-- 文档元数据结束 -->
 
<body> <!-- HTML文档的内容开始 -->
 
	<a href="https://www.baidu.com">跳转百度</a> <!--一个超链接元素(标签)-->
 
</body> <!-- HTML文档的内容结束 -->
 
</html>  <!--表示HTML文档结束-->
 
注释的写法 <!-- -->



二、元素标签探讨

HTML是一种标记语言,书面上经常作为”元素”的东西是怎么构成的呢?

1、元素

元素就是一组告诉浏览器如何处理一些内容的标签。每个元素都有一个关键字,比如< body >、< title > 、< meta > 都是元素。不同的标签名称代表不同的意思,后面会涉及到段落标签、文本标签、链接标签、图片标签等。

元素一般分为两种:单标签(空元素)和双标签。单标签一般用于声明或者插入某个元素,比如声明字符编码就用< meta >,插入图片就用< img >;双标签一般用于设置一段区域的内容,将其包含起来,比如段落< p > … < /p >。

2、属性和值

元素除了单双之分,元素的内部还可以设置属性和值。这些属性用来改变元素某些方面的行为。比如超链接:< a > 中的href属性,里面替换网址即可链接到不同的网站。,当然一个元素里面可以设置多个属性,甚至自定义属性。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值