打卡第一天

最新推荐文章于 2024-09-13 10:46:15 发布

阿白yeh

最新推荐文章于 2024-09-13 10:46:15 发布

阅读量535

点赞数 7

文章标签：前端

本文链接：https://blog.csdn.net/2301_81174580/article/details/135654578

版权

本文介绍了Web开发的核心要素，包括HTML的结构（如标签使用和关系）、表现（CSS样式设置）和行为（JavaScript交互）。详细讲解了HTML的基本语法、标签结构以及创建简单页面的实例。

摘要由CSDN通过智能技术生成

学习内容：

Web标准：

结构：主要包括结构( Structure)、表现( Presentation )和行为( Behavior )三个方面

标准	说明
结构	结构用于对网页元素进行整理和分类，现阶段主要学的是HTML.
表现	表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS
行为	行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript

筒単理解:结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中

HTML语法规范：

1.基本语法概述：

1）HTML 标签是由尖括号包围的关键词，例如<html>；

2） HTML 标签通常是成对出现的，例如<html>和</html>，第一个是开始标签，第二个标签是结束标签。

3）有些特殊的标签必须是单个标签(极少情况) , 例如<br/> ,我们称为单标签。

2.标签关系：

双标签关系可以分为两类：包含关系和并列关系。

包含关系：

<head>

</head>

并列关系：

HTML基本结构标签：

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

标签名	定义	说明
<html></html>	HTML标签	页面中最大的标签，我们称为根标签
<head></head>	文档的头部	注意在head标签中我们必须要设置的标签是tile
<titile></title>	文档的标题	让页面拥有一个属于自己的网页标题
<body></body>	文档的主体	元素包含文档的所有内容，页面内容基本都是放到body里面的

例如一个简单的页面制作：

<html>
  <head>
    <title>第一个页面</title>
  </head>
  <body>
   原神启动！
  </body>
</html>

运行结果为：

关注