7.26前端语言串讲 ｜ 青训营

用户5259262800286
136 阅读3分钟

①前端三大基本语言

HTML（Hypertext Markup Language）是一种标记语言，用于构建网页的结构和内容。它提供了一套元素和标签，可以定义和组织网页的各个部分，包括标题、段落、图像、链接等。HTML负责描述网页的结构和语义。

CSS（Cascading Style Sheets）是一种样式表语言，用于定义网页的外观和布局。通过CSS，可以控制网页元素的样式，如文字颜色、字体大小、背景色、边框等，以及页面的整体排版。CSS与HTML结合使用，使网页具有美观的视觉效果和一致的布局。

JavaScript是一种脚本语言，用于实现网页的交互和动态功能。它可以在网页上进行逻辑和计算操作，并对用户的操作做出响应。JavaScript可以用于验证表单输入、创建动态效果、处理事件、调用API等，为网页增加动态性和交互性。

总之，HTML负责网页结构，CSS负责网页样式和布局，JavaScript负责网页的交互和动态功能。这三种技术共同构成了现代网页的基础，都非常的重要、缺一不可，并且它们相互配合，以创建出丰富、可交互和美观的网页体验。

②HTML的基本语法

HTML使用 标签Tag 和 属性Attribute 来描述网页的结构和内容。

下面是HTML的基本语法要点：

  1. 标签（Tag）：HTML中的标签用尖括号表示，一般成对出现，有开始标签和结束标签。开始标签用于标识元素的开始位置，结束标签用于标识元素的结束位置。例如：
<tagname>内容</tagname>
  1. 元素（Element）：标签及其包含的内容组成了一个HTML元素。元素可以是自闭合的，也可以是有内容的。

自闭合元素的例子：

<tagname />

有内容的元素的例子:

<tagname>内容</tagname>
  1. 属性（Attribute）：标签可以带有属性，属性为标签提供额外的信息。属性放置在标签的开始标签中，并由属性名和属性值组成，中间用等号连接。例如：
<tagname attribute="value">内容</tagname>
  1. HTML文档结构：通常，一个HTML文档包含特定的结构，包括声明、元素、元素和元素。例如：
<!DOCTYPE html>
<html>
  <head>
    <!-- 在<head>标签中定义页面的元信息、样式和脚本等 -->
  </head>
  <body>
    <!-- 在<body>标签中定义页面的主要内容 -->
  </body>
</html>
  1. 常用标签：HTML提供了各种标签来定义不同类型的内容和结构，如标题标签、段落标签、链接标签、图像标签等。例如：
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<a href="https://www.example.com">这是一个链接</a>
<img src="image.jpg" alt="图像描述">

以上则是HTML的基本语法要点，合理地使用HTML标签和属性的组合，可以创建出具有结构、内容和样式的网页。

③总结

第一天的学习我大概了解到了前端涉及的方面之广，心中有一定的压力。但又觉得这于我而言是个全新的、前所未有的领域，我还是蛮感兴趣的，因此我会尽力地去学好它，为自己负责。

avatar
文章
阅读
粉丝