html入门了解

<!--属性名不需要加双引号,属性值必须加双引号-->
<!DOCTYPE html><!--文档声明-代表使用h5的规范,必须写在第一行,不区分大小写-->
<html lang="en,zh">
<head>
    <meta charset="utf-8"> 编码字符集是utf-8,一般都用这个,这样页面显示的文字就不会乱码,国际通用
    <meta content="网页关键字" nam="keywords">
    <meta content="网站描述信息" nam="description">
    <title>淘宝网-淘 我喜欢!</title> 这是网页标题,比如淘宝网页的标题
    <style type="text/css">
      //写页面布局
    </style>
</head>

<body>
//各种标签可以嵌套使用
    <p>段落标签</p>
    <h1>标题标签,有六种,逐次减小,独占一行,加粗字体</h1>
    <strong>标签内内容加粗展示</strong>
    <em>斜体</em>
    <del>原价¥50 就是带删除线的</del>
    <address>地址,独占一行,斜体</address>
    <div>重点:绑定化操作类似一个容器,将页面元素包装成一块一块的,方便维护,
    让页面更加结构化,有相同属性的话,直接操作div就不用一个一个去设置</div>
    <span><span>
</body>
</html> 
  1. html根标签,所有html的内容必须写在html标签内,代表是一个页面
    lang="en"告诉搜索引擎爬虫,我们的网站是关于什么内容的 ,en是中文,zh是中文,这个属性跟网页排序有关:
    一种是竞价排名,就是花钱排到前面(小公司一般花不起)
    一种是搜索引擎爬虫,当你符合他的行为习惯就有可能排到前面(meta标签内元素)
  2. head 是页面的头部,一般是对这个html的一些特性设置,比如网页标题、页面样式这些、编码格式等 例如上面代码
  3. body页面具体内容,一个网页所有的组成元素都写在这里面,是静态的,就像是一间房子里,家具啥的都摆成一堆,要想好看,就得给房子进行装修,家具都买好后,在head中用style标签写上布局样式,就能把房子装修好看,还能有动态效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML、XML、XHTML 有什么区别 1.HTML 是用来描述网页的一种语言,指的是超文本标记语言 (Hype...
    饥人谷_牛牛阅读 834评论 0 2
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,217评论 2 21
  • HTML基础 开始 上周我已经学习了一些开发工具(Sublim Text、vscode),我学会了如何一些基础设置...
    H少白阅读 762评论 0 4
  • 一 他跪倒在她身旁的雪地里,她的眼睛缓缓睁开。“琼恩·雪诺,”她气若游丝地说,似乎肺部受了伤。“这儿是不是真正的城...
    言射手阅读 595评论 0 3
  • 今年是我的2017年,前几年我的生命中只有一个关键词,宝贝。今年我成为了自己生命的主角。经历辞职结婚生子之后再次踏...
    明媚悦读阅读 213评论 0 0

友情链接更多精彩内容