网页的基本组成

网页是构成网站的基本元素,通常由图片、链接、文字、声音、视频等元素组成,通常我们看见的网页都是.htm和.html后缀结尾的文件,因为都称为HTML文件

什么是HTML

HTML是一种超文本标记语言,是一种用来描述网页的一种语言

HTML不是编程语言,而是标记语言,是一套标记标签

超文本:

可以加入声音,视频,动画,多媒体等(超越了文本限制)

可以从一个文件跳转到另一个文件,与世界各地主机的文件链接(超级链接文本)

Web标准的三大组成部分

主要包括结构、表现、行为 三个方面

结构:结构用于对网页元素进行整理和分类(HTML)

表现:表现用于设置网页元素的排版、颜色、大小等外观样式(CSS)

行为:行为指网页模型的定义和交互的编写(javascript)

HTML语法规范

HTML标签是由尖括号包围的关键词,例如<html>

HTML标签成对出现的为双标签,例如<html></html>

HTML标签单独出现的为单标签,例如<br />

标签关系

标签关系分为 包含关系 和 并列关系

包含关系

<head><title></title>
</head>

并列关系

<head></head>
<body></body>

第一个HTML

每个页面都会有一个基本的结构标签(骨架标签),页面内容在这些标签上书写

<html></html>    html标签    页面中最大的标签,称为根标签
<head></head>    文档的头部    注意在head标签中我们必须要设置的标签是title
<title></title>    文档的标题    让页面有自己的标题
<body></body>    文档的主体    元素包括文档的所有内容,页面内容基本都是放在body里
<html><head><title>好好学习前端</title></head><body>一定好好学习,十四周拼出上海工作证</body>
</html>

HTML简介(网页的基本组成,什么是HTML,Web标准的三大组成部分),HTML标签(HTML语法规范,标签关系),HTML结构标签(第一个HTML)相关推荐

  1. 网页概念、常用浏览器及内核、Web标准、HTML语法规范和基本结构标签

    网页.常用浏览器及内核.Web标准.HTML语法规范和基本结构标签 一.网页 1.1.什么是网页? 1.2.什么是HTML?(重点) 1.3.网页的形成? 二.常用浏览器 三.浏览器内核 四.Web标 ...

  2. Web标准的构成、网页的组成、五大浏览器,可以使用HTML搭建出一个基础的网页

    Web标准 不同浏览器的渲染引擎不同,对于相同代码解析的效果会存在差异 如果用户想看一个网页,结果用不同浏览器打开效果不同,用户体验极差! Web标准:让不同的浏览器按照相同的标准显示结果,让展示的效 ...

  3. 【完整代码】用HTML/CSS制作一个美观的个人简介网页

    [完整代码]用HTML/CSS制作一个美观的个人简介网页 整体结构 完整代码 用HTML/CSS制作一个美观的个人简介网页--学习周记1 HELLO!大家好,由于<用HTML/CSS制作一个美观 ...

  4. 【博主推荐】HTML制作一个美观的个人简介网页(附源码)

    文章目录 HTML制作一个美观的个人简介网页 模块1(个人信息)示例图 模块2(基本资料)示例图 模块3(项目经验)示例图 模块4(专业技能)示例图 模块5(工作经历)示例图 模块6(自我评价)示例图 ...

  5. HTML 学习 | Day01 HTML简介(网页、常用的浏览器、Web标准)

    1.网页 1.1 什么是网页 网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合. 网页是网站中的一"页",通常是 HTML 格式的文件,它要 ...

  6. ( )不是html的布局标签,不要使用的HTML标签(WEB标准网页布局)

    网页制作网络技术需要大家共同分享,不能闭门造车,下面是bj-dns文章简介:CSS网页布局中不推荐使用的HTML标签,请尽量不要使用这些HTML标签. CSS网页布局中不推荐使用的HTML标签,请尽量 ...

  7. HTML5期末大作业:电商购物网站设计——易购电商购物网页设计与实现(31页) 含论文+答辩+PPT 计算机毕设网页设计源码 HTML+CSS+JavaScript web课程设计网页规划与设计...

    HTML5期末大作业:电商网站设计--易购电商购物网页设计与实现(31页) 含论文+PPT 学生DW网页设计作业成品 HTML+CSS+JavaScript web课程设计网页规划与设计 计算机毕设网 ...

  8. java 网页应用 原理_【转载】Web应用工作原理

    问题描述: Web应用工作原理 问题解决: 前言 什么是web应用程序?web应用程序又是如何进行工作的呢?什么是动态网页技术?又有 哪些动态网页技术呢?这次这篇文章需要探求总结的. Web应用 我们 ...

  9. 在chrome里查询修改html代码,我需要在网页中直接编辑CSS?打开Web代码检查器

    我需要在网页中直接编辑CSS?打开Web代码检查器 最受欢迎的支持问题是:"我必须编辑哪些CSS代码才能改变(-)的外观".几年前,CSS/HTML编辑器是最有用的web开发工具. ...

最新文章

  1. LeetCode OJ:Pascal's TriangleII(帕斯卡三角II)
  2. 为什么Java的main方法必须是public static void?
  3. 启明云端基于sigmastarSSD201/202核心板\开发板资料分享地址,另外还可以加入技术沟通群聊,及时解决相关技术问题!
  4. [AtCoder Educational DP Contest] V - Subtree(树形dp + 前缀积/后缀积)
  5. SharePoint 2010中的内容类型集线器 - 内容类型发布与订阅
  6. 如何使用Caddy部署Vue项目
  7. Flutter进阶—实现动画效果(六)
  8. C++ 中的指针、引用以及函数调用中的问题
  9. marshaller java 乱码_Marshaller根据对象生成xml文件
  10. 51nod 博弈论水题
  11. spring-data-elasticsearch (elasticsearch 6.7.0) @Document 和 @Field 注解详解
  12. android回溯机制,Android事件分发机制全面解析
  13. 旋转框目标检测————关于旋转框定义和解决方案
  14. 23位子网掩码是多少_24位子网掩码,多少个IP地址
  15. android第三方登录appid,Android 第三方登录之支付宝登录
  16. android 锁屏的生命周期_Activity的生命周期的七个场景
  17. 网络安全基础(十二)
  18. 个人工作邮箱怎么申请?工作邮箱有哪些?
  19. 关于plt.cm.Spectral
  20. git 上传空文件夹

热门文章

  1. spring security 5 oauth2认证服务器开发
  2. ios底部栏设计规范_iOS平台的移动UI设计规范
  3. sklearn 实现极简VQ算法
  4. Excel学习笔记一Excel图表和数据分析
  5. Python pip安装包指令用法及安装库检索
  6. API接口汇聚,调用
  7. 为什么说 Effie 是适合评论家的创作工具
  8. 提车自检手册(3系,其他车辆类似)
  9. Microsoft Edge浏览器 90.0.818.62 官方版
  10. mongodb设置环境变量