【HTML学习笔记一】认识HTML

一.什么是HTML

  • 超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。
  • HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。
  • “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素
  • 超文本标记语言(或超文本标签语言)的结构包括“”部分、和“主体”部分,
  • 其中“”部提供关于网页的信息,“主体“部分提供网页的具体内容

二.HTML语法

HTML 标签

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b></b>
  • <标签>内容</标签>

HTML 元素

  • 与HTML标签意思一样
  • 一个 HTML 元素包含了开始标签与结束标签
  • 例如:<p>狗屎舍友还要我去拿外卖</p>就是一个元素

三.HTML组成

代码

<!DOCTYPE html>
<html>
    <head>
    	<meta charset = "utf-8">
        <title>狗屎舍友</title>
    </head>

    <body>
        <h1>狗屎舍友今天叫我去拿外卖</h1> 
        <p>狗屎舍友还要我去拿外卖</p>
    </body> 
</html> 

用记事本记录并保存为.html文件打开(推荐用notepad++)
结果
在这里插入图片描述
实例解析:

  • <!DOCTYPE html>声明为html5文档(不区分大小写)
  • <html>元素是html的根元素
  • <head>元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。(**注意:有些浏览器如360是用GBK为默认编码,请设置<meta charset="gbk">
  • <title>元素定义了标题
  • <body>包括页面的内容
  • <h1>定义页面的大标题
  • <p>定义页面的段落
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值