【前端底子】1、HTML概述(HTML基本布局)

打印 上一主题 下一主题

主题 912|帖子 912|积分 2736

一、网页组成


  • HTML:网页的内容
  • CSS:网页的样式
  • JavaScript:网页的功能
二、HTML概述

HTML:全称为超文本标记语言,是一种标记语言。


  • 超文本:文本、声音、图片、视频、表格、链接
  • 标记:由许许多多的标签组成
三、HTML组成

由“标签”构成的。
它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源毗连为一个逻辑团体。
四、HTML文件布局特点



  • 百度

  • CSDN

  • 微软

总结:
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.     </head>
  5.     <body>
  6.         
  7.     </body>
  8. </html>
复制代码


  • 第一行<!DOCTYPE html>:是文档声明,声明是HTML。浏览器就会以HTML规范举行编译。
  • <html>标签和末了一行</html>:定义html文档的团体。
  • <head>到</head>:定义页面的属性。存放一些元数据,比如页面的标题。
  • <body>到</body>:定义页面显示的内容。
   一个标签 = 一个对象:
程序员拿到这些对象,可以对这些对象举行增删改查,定义属性等等操纵。
  五、HTML标签布局关系

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.                 <title> Test Title </title>
  5.     </head>
  6.     <body>
  7.         <p> Test </p>
  8.     </body>
  9. </html>
复制代码

  • <head> 和 <body> 是 <html> 的子标签。<html> 是 <head> 和 <body> 的父标签。
  • <title> 是 <head> 的子标签。<head> 是 <title> 的父标签。
  • <p> 是 <body> 的子标签。<body> 是 <p> 的父标签。
  • <head> 和 <body> 是兄弟关系。
六、HTML的注释

HTML注释以<!--开始,以-->结束。
在这两个标记之间的任何内容都会被浏览器忽略,不会显示在页面上,但会保留在HTML源代码中。‌


  • 单行注释
  1.     <!-- 这是一个HTML注释 -->  
复制代码


  • 多行注释
  1.     <!--  
  2.     这是一个多行HTML注释  
  3.     可以跨越多行  
  4.     并包含任何文本  
  5.     -->
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

tsx81429

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表