HTML基础教程：新手入门

最新推荐文章于 2024-07-25 11:26:35 发布

花椒溜到了隔壁家

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量896

点赞数 22

分类专栏： web前端文章标签： html 前端

本文链接：https://blog.csdn.net/Simon141/article/details/136282585

版权

web前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文介绍了HTML的基础，包括文档结构、基本元素（如开始和结束标签、属性与值）、常用的HTML元素如超链接、图片、多媒体、表格、列表和表单的处理。重点讲解了如何使用HTML构建网页的基本结构和表单提交方式。

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

简介

HTML，全称超文本标记语言，是用于创建网页的标准标记语言。它不是一种编程语言，而是一种标记语言，用于描述网页的结构，属于结构层。本篇文章将带您初次认识并能够使用HTML编写网页。

1.HTML基础

HTML文本的基本结构
文档类型声明(第一行)：这个部分用来说明该文档是HTML文档。所有的HTML文档都以文档类型声明开始，它说明了文档的类型及其所遵守的标准规范集。DTD是必须的组成部分。
html标签对：这个部分包含了关于这个HTML文档的元信息，比如字符集的定义、样式表的链接、脚本的链接等。
body标签对：这个部分包含了所有可见的页面内容，如文本、图片、超链接、表格、列表等。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

HTML的元素，属性，值
元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

<b>asdfghjkl</b>

属性为 HTML 元素提供附加信息。

<span style ="color: brown;">
        好好好好好好好好
</span>

值：在HTML中，“值”的概念通常与HTML元素的属性相关。例如，一个HTML元素的属性可能有一个与之关联的值。比如，一个标签的value属性定义了输入框的默认值。

2.常见HTML元素

在这里插入图片描述

超链接标签

<a href="https://www.baidu.com/" >点我</a>

图片标签

<img src="well.jpg" alt="出错啦" width="54" height="50" align="bottom">

多媒体

<audio src="Maximillian,Nicklas Sahl - Miss Her.ncm" controls></audio><br>
<video src="..\image\HedyLamarr.mp4" controls></video>

3.表格与列表

表格

<table border="1px">
        <thead>表头</thead>
        <tbody>  
            <tr> 
                <td>第一行第一列</td>
                <td>第一行第二列</td>
            </tr>
            <tr>
                <td>第二行第一列</td>
                <td>第二行第二列</td>
            </tr>
        </tbody>
        <tfoot>表尾</tfoot>
</table>

在这里插入图片描述

列表（图中为有序列表）

<ol type="1" start="3" reversed>
        <li>哇哇哇</li>
        <li>哇哇哇</li>
</ol>

在这里插入图片描述

4.表单处理

表单的基本结构
表单元素（也称为表单控件）：这是具体实现表单功能的元素，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
提示信息：一个表单中通常还需要包含一些说明性的文字，用以提示用户进行填写和操作。
表单域：它是一个容器，用来容纳所有的表单元素和提示信息。通过它，可以定义处理表单数据所用程序的URL地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。
表单元素
一般由input,textarea,select标签构成，需要放到form里面

<form action="../html/demo1.html" method="post">
        用户名：<br>
        <input type="text" name="username"><br>
        密码：<br>
        <input type="password" name="password"><br>
        <input type="submit">
</form>

<input type="元素的类型" name="元素的名称" value="元素的值">

后记

以上就是HTML的基础内容，希望会对您有所帮助。

花椒溜到了隔壁家

关注

22
点赞
踩
28

收藏

觉得还不错? 一键收藏
1
评论
HTML基础教程：新手入门

HTML，全称，是用于创建网页的标准标记语言。它不是一种编程语言，而是一种，用于描述网页的结构，属于。本篇文章将带您初次认识并能够使用HTML编写网页。
复制链接

扫一扫

专栏目录