小白学习html基础

最新推荐文章于 2024-10-19 16:02:10 发布

我也只是个小白

最新推荐文章于 2024-10-19 16:02:10 发布

阅读量35

点赞数

文章标签：学习 html 前端

本文链接：https://blog.csdn.net/m0_65006016/article/details/134169177

版权

HTML（Hypertext Markup Language），又称超文本标记语言，是一种用于创建网页的标准语言。在编写HTML时，通常需要考虑页面的结构、内容和样式。本篇博客将着重介绍HTML的基础内容。

一、HTML结构

HTML页面通常由三部分组成：文档声明、头部和主体。

文档声明用于告诉浏览器当前页面使用的HTML版本。例如：<!DOCTYPE html>

头部通常包含一些元数据，如页面标题、外部样式表、脚本和字符集声明等。例如：

<head>
    <title>我的网站</title>
    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
</head>

主体包含HTML页面的实际内容。例如：

<body>
    <h1>欢迎来到我的网站</h1>
    <p>这是一篇HTML基础介绍的博客。</p>
</body>

二、HTML注释

HTML注释用于向其他开发者或自己留下有用的注释和提示信息。注释不会在浏览器中显示，而是在代码中以结尾。例如：

<!--这是一段HTML注释-->

三、HTML常用标签和属性

HTML标签用于创建网页中的各种元素，如标题、段落、图像和链接等。每个HTML标签都有一些属性，用于设置元素的特定属性。

1.标题和段落

HTML中使用h1~h6标签定义标题，p标签定义段落。例如：

<h1>这是一级标题</h1>
<p>这是一段文字。</p>

2.图像和链接

HTML使用img标签插入图像，a标签定义链接。例如：

<img src="example.jpg" alt="示例图像">
<a href="http://example.com">示例链接</a>

3.表单

HTML中使用form标签创建表单，input标签定义表单字段。例如：

<form action="#" method="post">
    <label for="username">用户名：</label>
    <input type="text" id="username" name="username">
    <label for="password">密码：</label>
    <input type="password" id="password" name="password">
    <input type="submit" value="登录">
</form>

四、HTML表格

HTML中使用table标签创建表格，tr标签表示表格的一行，td标签表示表格的一个单元格。表格还可以包含th标签，用于表示表格的标题单元格。例如：

<table>
    <thead>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>张三</td>
            <td>25</td>
            <td>男</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>30</td>
            <td>女</td>
        </tr>
    </tbody>
</table>

五、HTML列表

HTML中有两种列表：有序列表和无序列表。有序列表使用ol标签，无序列表使用ul标签。列表项使用li标签。例如：

<ol>
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ol>

<ul>
    <li>红色</li>
    <li>绿色</li>
    <li>蓝色</li>
</ul>

我也只是个小白

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫