HTML是超文本标记语言(HyperText Markup Language)的缩写,是一种用于创建网页的标准标记语言。它是网页设计中最基本的组成部分之一。
以下是HTML入门教程的基本概念和步骤:
- HTML文档的基本结构 一个HTML文档由以下三部分组成:(这是一个html的基本框架)
<!DOCTYPE html> <!-- 声明文档类型 -->
<html> <!-- html标记表示文档开始 -->
<head> <!-- head标记内定义文档元信息,如标题、样式和脚本等 -->
<title>文档标题</title> <!-- 标题元素定义文档的标题,显示在浏览器的标题栏 -->
</head>
<body> <!-- body标记内定义文档的主体内容 -->
<!-- 页面内容在此添加 -->
</body>
</html> <!-- html标记表示文档结束 -->
- 标记和元素 HTML文档由一系列标记和元素构成,标记用于定义元素,元素包含内容和属性。例如,以下代码定义一个段落元素:
<p>这是一个段落。</p>
在上述代码中,<p>和</p>是标记,<p>和</p>之间的文本是元素的内容。在此示例中,段落元素还没有任何属性。
- 常用HTML元素 HTML包含许多元素,其中一些最常用的元素包括:
<h1>到<h6>:用于定义标题,数字越小,字号越大。<p>:用于定义段落。<a>:用于创建链接。<img>:用于插入图像。<ul>和<ol>:用于创建无序列表和有序列表。<table>:用于创建表格。<form>:用于创建表单。<input>:用于创建表单输入字段。
-
添加样式 可以使用CSS(层叠样式表)来添加样式,CSS定义了文档中元素的外观和布局。可以在
<head>标记内使用<style>标记来添加CSS,也可以在外部CSS文件中定义样式。 -
使用JavaScript 可以使用JavaScript来添加交互和动态效果。可以在
<head>标记内使用<script>标记来添加JavaScript代码,或将JavaScript代码保存到外部文件中,然后在HTML文档中链接该文件。
本学期Web开发是我在校的一门必修课,我目前已经掌握了html、css、JavaScript等部分内容,将会在后面的文章中继续展示,希望通过在青训营的学习能加深自己对Web相关知识的理解。