浅谈HTML

最新推荐文章于 2022-10-19 13:47:19 发布

ICY___

最新推荐文章于 2022-10-19 13:47:19 发布

阅读量210

点赞数

分类专栏： ICY___的前端入门文章标签： html

本文链接：https://blog.csdn.net/ICY___/article/details/83999539

版权

ICY___的前端入门同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

HTML & CSS

11 篇文章 0 订阅

订阅专栏

HTML，作为构建网页曲三部曲的第一部，有着很重要的地位（地基）。如果说CSS是肉体，JS是灵魂，那么HTML就是骨骼！没有HTML，CSS和JS就无法实现它们远大理想！

HTML基本可以分为两大部分，基础的概念（标签）和实现的简单功能。

基础的概念

HTML基础概念（不再赘述）

HTML的基本结构

<html>

  <head>

    <title></title>

  </head>

  <body>

  </body>

</html>

基础标签（文本 span 图片 img a标签超链接）

实现

图片映射 (a 标签和img标签的嵌套使用)
列表（有序 ol 无序 ul 和 li）（相互的嵌套使用）
表格（创建 table 行 tr 行中的列 td 标题 th）

表单：交互原理单选框复选框下拉框

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>一个小案例</title>
</head>
<body>
    <!--表单的基本操作-->
    <form action="" method="POST">
       用户名<input type="text" name="usr"><br>
        密码：<input type="password" name="password"><br>
        性别：
        <input type="radio" name="sex" value="male">男
        <input type="radio" name="sex" value="female">女
        <input type="radio" name="sex" value="do not know">？<br>
<!--复选框-->
        兴趣：
        <input type="checkbox" name="xinqu" value="play">玩游戏
        <input type="checkbox" name="xinqu" value="surf">打游戏
        <input type="checkbox" name="xinqu" value="study">练游戏<br>
        城市：
        <select name="city">
            <option value="shanghai">上海</option>
            <option value="hangzhou">杭州</option>
            <option value="xian">西安</option><br>
        </select>
    <input type="submit">
    </form>
</body>
</html>