HTML基础

最新推荐文章于 2025-05-29 10:00:29 发布

孤我.

最新推荐文章于 2025-05-29 10:00:29 发布

阅读量63

点赞数

文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/qq_45054047/article/details/131178075

版权

HTML

简介

HTML（Hyper Text Markup Language）：超文本标记语言，用于创建网页的一种标准的语言，w3c制定的一个语言标准。

语法

<!--双标签-->
<head></head>
<body></body>
<!--单标签-->
<img />

文档基本结构

<!DOCTYPE html> <!-- 文档声明 -->
<html>
    <head>
        <!-- 引入一些资源文件 -->
        <meta charset="UTF-8">
        <title>标题</title>
    </head>
    <body>
        将来主要操作的地方
    </body>
</html>

常用标签

<!-- 标题（6级） -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<!-- 段落 -->
<p>这是一个段落</p>
<!-- 超链接 -->
<a target="_blank" href="http://www.baidu.com">百度一下</a>
<!-- 图片 -->
<!-- <img src="https://www.baidu.com/img/bd_logo1.png" alt="" /> -->
<!-- 图片路径：绝对路径/相对路径 -->
<!-- 本地图片不要用绝对路径 -->
<!-- 相对路径 -->
<!--
src:图片路径
alt:图片加载失败时的提示信息
title:鼠标划上时的提示信息
-->
<img src="m1.jpg" alt="">
<img src="imgs/m2.jpg" alt="">
<img src="../m3.jpg" alt="">
<!-- 无序列表 -->
<ul type="circle">
    <li>第一条</li>
    <li>第二条</li>
    <li>第三条</li>
</ul>
<!-- 有序列表 -->
<ol>
    <li>第一名</li>
    <li>第二名</li>
    <li>第三名</li>
</ol>
<!-- 自定义列表 -->
<dl>
    <dt>
    	HTML：
    </dt>
    <dd>
    	超文本标记语言
    </dd>
    <dd>
    	创建网页的标准语言
    </dd>
</dl> 
<!-- 换行标签 -->
<br />
<!-- 表单 -->
<form action="http://a.jsp" method="GET">
    <!-- 表单元素 -->
    <!-- 文本输入框 -->
    <input type="text" name="user" placeholder="请输入用户名"> <br />
    <!-- 密码框 -->
    <input type="password" name="pwd" placeholder="密码"> <br />
    <!-- 单选框 -->
    <input type="radio" name="sex" value="nan">男
    <input type="radio" checked name="sex" value="nv">女 <br />
    <!-- 复选框 -->
    <input type="checkbox" name="course" value="html">HTML 
    <input type="checkbox" name="course" value="css">CSS 
    <input type="checkbox" name="course" value="javascript">JavaScript  <br />
    <!-- 多行文本域 -->
    <textarea name="txt"  cols="10" rows="3">

    </textarea>
    <br>
    <input type="submit" value="注册">
    <input type="button" value="登录">
    <input type="reset" value="重置">
</form>