html基础 | 青训营笔记

78 阅读2分钟

HTML是超文本标记语言(HyperText Markup Language)的缩写,是一种用于创建网页的标准标记语言。它是网页设计中最基本的组成部分之一。

以下是HTML入门教程的基本概念和步骤:

  1. HTML文档的基本结构 一个HTML文档由以下三部分组成:(这是一个html的基本框架)
<!DOCTYPE html>  <!-- 声明文档类型 -->
<html>          <!-- html标记表示文档开始 -->
  <head>        <!-- head标记内定义文档元信息,如标题、样式和脚本等 -->
    <title>文档标题</title>   <!-- 标题元素定义文档的标题,显示在浏览器的标题栏 -->
  </head>
  <body>        <!-- body标记内定义文档的主体内容 -->
    <!-- 页面内容在此添加 -->
  </body>
</html>         <!-- html标记表示文档结束 -->
  1. 标记和元素 HTML文档由一系列标记和元素构成,标记用于定义元素,元素包含内容和属性。例如,以下代码定义一个段落元素:
<p>这是一个段落。</p>

在上述代码中,<p></p>是标记,<p></p>之间的文本是元素的内容。在此示例中,段落元素还没有任何属性。

  1. 常用HTML元素 HTML包含许多元素,其中一些最常用的元素包括:
  • <h1><h6>:用于定义标题,数字越小,字号越大。
  • <p>:用于定义段落。
  • <a>:用于创建链接。
  • <img>:用于插入图像。
  • <ul><ol>:用于创建无序列表和有序列表。
  • <table>:用于创建表格。
  • <form>:用于创建表单。
  • <input>:用于创建表单输入字段。
  1. 添加样式 可以使用CSS(层叠样式表)来添加样式,CSS定义了文档中元素的外观和布局。可以在<head>标记内使用<style>标记来添加CSS,也可以在外部CSS文件中定义样式。

  2. 使用JavaScript 可以使用JavaScript来添加交互和动态效果。可以在<head>标记内使用<script>标记来添加JavaScript代码,或将JavaScript代码保存到外部文件中,然后在HTML文档中链接该文件。

本学期Web开发是我在校的一门必修课,我目前已经掌握了html、css、JavaScript等部分内容,将会在后面的文章中继续展示,希望通过在青训营的学习能加深自己对Web相关知识的理解。