html简介

html是最基础的网页开发语言,它由标签组成。html是标记语言不是编程语言,
hrml文件以.html结尾。

  • 标签
    html中标签通常是成对出现,开始标签与结束标签。
<!DOCTYPE html>
<html>
    <head>
    	<title>网页标题</title>
    </head>
    <body>
        <h1>html简介</h1>
        <p>html是一种超文本标记语言,主要用来编写网页的布局</p>
    </body>
</html>
  • html标签
    网页中的内容都包含在html标签中
    • head标签
      不会显示在网页中,它负责给浏览器或搜索引擎解析网页
      • title标签
        它用来设置网页的标题,搜索引擎通过网页的标题判断网站的主要内容
    • body标签
      它代表网页的主体,所有可见的内容都应该写在里面
  • 自结束标签。
    有两种写法
    <br><input><img>  //推荐使用
    
    <br /><input /><img />
    
  • html注释
    <!-- 
    html注释写法
    -->
    
  • 标签属性
    属性用来设置标签中的内容如何显示
    只能在开始标签中设置属性
    属性以名值对出现
    标签与属性之间用空格分隔
    一个标签中可以有多个属性
    有的属性有属性值,有的没有。属性值必须添加引号,要么单引号,要么双引号
     <p>html的标签可以设置<font color="red">属性</font>,属性只能放在开始标签中</p>
    
  • 文档声明
    必须写在文档开头,用于告诉浏览器html文件版本
    <!DOCTYPE html> 
    <!--
    html5文档声明
    -->
    
  • 字符编码
    计算机使用二进制存储信息。
    编码:将字符转换成二进制的过程
    解码:将二进制转换成字符的过程
    字符集(Charset):
    编码与解码所采用的规则称为字符集
    常用的编码:
    • ASCII
      最早的编码,美国使用。只有128位

    • ISO88591
      欧洲国家,ascii扩充而成。有256位

    • GB2312
      中国的字符集,ascii扩充而成

    • GBK
      中国的字符集,GB2312扩充

    • UTF-8
      万国码,包含世界上的所有的语言
      开发中尽量使用utf-8编码

  • 设置编码
    在meta标签中设置字符集编码
    meta标签:用来设置网页的元数据。
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>设置编码</title>
    </head>
    <body>
        <p>告诉浏览器以什么字符集读取文件,避免内容乱码</p>
    </body>
    </html>
    
  • 实体
    html中输入多个空格,最终只会显示一个
    由于<>用来代表一个标签,我们想输入数学比较 a<b>c 就会出现错误:ac
    所以我们不能直接进行书写特殊符号
    实体的写法:
    • 空格 &nbsp;
    • 小于 &lt;
    • 大于 &gt;
    • 版权符号 &copy;
  • meta标签
    常用属性
    • Charset 设置网页的字符编码
    • name 设置数据的名称
      数据的名称有:
      • keywords 网站关键字,用于搜索引擎爬取,用于seo优化
      • description 网站描述,用于搜索引擎爬取,用于seo优化
    • content 设置数据的内容
      例如:百度贴吧网站
      <meta name="keywords" content="贴吧,百度贴吧,论坛,兴趣,社区,BBS"/>
      <meta name="description" content="百度贴吧——全球最大的中文社区。贴吧的使命是让志同道合的人相聚。不论是大众话题还是小众话题,都能精准地聚集大批同好网友,展示自我风采,结交知音,搭建别具特色的“兴趣主题“互动平台。贴吧目录涵盖游戏、地区、文学、动漫、娱乐明星、生活、体育、电脑数码等方方面面,是全球最大的中文交流平台,它为人们提供一个表达和交流思想的自由网络空间,并以此汇集志同道合的网友。" />
      
      搜索关键词“百度贴吧”,出现以下内容
      在这里插入图片描述
    • http-equiv
      设置网页重定向
        <meta http-equiv="refresh" content="3; url=https://www.baidu.com"> 
      
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值