HTML基础

最新推荐文章于 2023-03-06 17:15:50 发布
最新推荐文章于 2023-03-06 17:15:50 发布
阅读量161 收藏
点赞数
文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_64625587/article/details/121634454
版权

这两天主要学习了HTML的部分基础标签主要有：

序列表无序列表训练代码如下：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <h1>国内新闻</h1>

    <h1>案列说明：定义锚点，链接到锚点</h1>

<hr/>

    <ul >

        <li><a href="#">俄驻华大使</a></li>

        <li><a href="#">县委书记</a></li>

        <li><a href="#">加勒比海</a></li>

        <li><a href="#">干部开会睡觉</a></li>

            </ul>

    <h1>国外新闻</h1>

<hr/>

<ul >

    <li><a href="#">恢复了独守空房好的撒女偶卡的女女</a></li>

    <li><a href="#">开机充电市场价撒不成熟</a></li>

    <li><a href="#">阿奎发了多少开了房哈金凤凰</a></li>

    <li><a href="#">服务器穷机器要敬爱个贱人</a></li>

        </ul>

列表标签：

<div class="item">

                       职业： <select name="ZHUpt" id="select">

                            <option value="1" selected>学生</option>

                            <option value="2">畜生</option>

                            <option value="3">牛马</option>

                            <option value="4">dd</option>

                           

                        </select>

                    </div>

注册表单：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>用户注册</title>

    <style>

        body {

            background-image: url("images/bg.jpg");

        }

        /* div {

            width: 800px;

            height: 800px;

            background-image: url("images/bg.jpg");

        } */

    </style>

</head>

<body>

    <div class="big box">

        <img src="images/logo.png"class="logo">用户注册

           <div id="login-box">

            <div class="from">

                <div class="item">

                    <i class="fa fa-github-alt"style="font: size 400px;"></i>

                       用户名称： <input typle="text" placeholder="请输入您的用户名">

                       </div>

                       <div class="item">

                        <i class="fa fa-github-alt"style="font: size 400px;"></i>

                       登陆密码： <input typle="text" placeholder="请输入您的密码">

                    </div>

                       <div class="item">

                        <i class="fa fa-github-alt"style="font: size 400px;"></i>

                       重复密码： <input typle="text" placeholder="请输入您的确认密码">

                    </div>

                       <div class="item">

                        <i class="fa fa-github-alt"style="font: size 400px;"></i>

                       电子邮箱： <input typle="text" placeholder="请输入您的邮箱">

                    </div>

                    性别：<input type="radio">男<input type="radio">女</p>

                    <div class="item">

                       职业： <select name="ZHUpt" id="select">

                            <option value="1" selected>学生</option>

                            <option value="2">畜生</option>

                            <option value="3">牛马</option>

                            <option value="4">dd</option>

                           

                        </select>

                    </div>

                    <div class="item">

                        爱好：<textarea name="" id="" cols="30" rows="10"></textarea>

                    </div>

</body>

</html>

表格：

<!DOCTYPE html>

<html lang="en">

    <meta charset="UTF-8">

    <title>课程表</title>

    <style>

        table,td,tr{

            border: 1px solid blue;

        }

    </style>

<head>

    <body aria-live="center">

        <table alian"center" border="1" width="800">

            <tr>

                <caption>我是憨憨 </caption>

            </tr>

            <tr>

                <th>项目</th>

                <th colspan="5">上课</th>

                <th colspan="2">休息</th>

            </tr>

            <tr>

                <th>星期</th>

                <th>星期一</th>

                <th>星期二</th>

                <th>星期三</th>

                <th>星期四</th>

                <th>星期五</th>

                <th>星期六</th>

                <th>星期日</th>

            </tr>

            <tr>

                <td rowspan="4">上午</td>

                <td>语文</td>

                <td>数学</td>

                <td>英语</td>

                <td>英语</td>

                <td>物理</td>

                <td>计算机</td>

                <td rowspan="4">休息</td>>

            </tr>

            <tr>

                <td>数学</td>

                <td>数学</td>

                <td>地理</td>

                <td>历史</td>

                <td>化学</td>

                <td>计算机</td>

            </tr>

            <tr>

                <td>化学</td>

                <td>语文</td>

                <td>体育</td>

                <td>计算机</td>

                <td>英语</td>

                <td>计算机</td>

            </tr>

            <tr>

                <td>政治</td>

                <td>英语</td>

                <td>体育</td>

                <td>历史</td>

                <td>地理</td>

                <td>计算机</td>

            </tr>

            <tr>

                <td rowspan="2">下午</td>

                <td>语文</td>

                <td>数学</td>

                <td>英语</td>

                <td>物理</td>

                <td>计算机</td>

                <td>英语</td>

                <td rowspan="2">休息</td>>

            </tr>

            <tr>

                <td>数学</td>

                <td>数学</td>

                <td>地理</td>

                <td>历史</td>

                <td>化学</td>

                <td>计算机</td>

   

            </tr>

        </table>

    </body>

    </html>

迷惑368
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML基础练习题
weixin_50108821的博客
09-23 1万+
第一题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>嘿嘿嘿</title> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr align="center">
HTML基础知识
12-20
HTML前端网页设计的一些小知识，非常适合初学者学习，
html + css 实现静态github个人页面
weixin_44713688的博客
07-26 604
用html+css实现GitHub静态个人界面部分： 首先是html部分： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>github1</title> &lt
HTML&CSS登录界面及讲解
weixin_54627824的博客
04-20 1万+
PS:该源码非原创，原文章来自(2条消息) HTML+CSS登录界面_桐艾的博客-CSDN博客_登录页面 这里只做源码讲解 页面效果如下： 首先是login.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet" href="./login.css"/>...
HTML基础知识点
qq_40046544的博客
07-27 8569
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
HTML基础标签
weixin_45348240的博客
03-23 6058
一、HTML介绍 1、什么是HTML? HTML是一门语言，所有的网页都是用HTML这门语言编写出来的。HTML(HyperText Markup Language):超文本标记语言。 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。 标记语言：由标签构成的语言 HTML运行在浏览器上，HTML标签由浏览器来解析 HTML标签都是预定义好的。例如:使用< img>展示图片 2、W3C标准:网页主要由三部分组成 结构:HTML 表现:css 行为:
全网最全HTML基础
a1085653724的博客
04-20 5049
1.HTML结构 认识 HTML 标签 ，HTML 代码是由 "标签" 构成的。 形如: <body>hello</body> (1).标签名(body)放到<>中. (2).大部分标签成对出现,<body>为开始标签,</body>为结束标签. (3).少数标签只有开始标签, 称为 "单标签". (4).开始标签和结束标签之间, 写的是标签的内容.(hello everyone) (5).开始标签中可能会带有 "属性". id
HTML零基础入门教程（详细）
热门推荐
ZONGXP的博客
10-22 22万+
HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 指的是超文本标记语言:HyperTextMarkupL...
HTML基础笔记
02-06
HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记
html基础教程
07-22
资源名称：html基础教程内容简介：HTML基础-第一讲HTML基础-第二讲HTML基础第三讲---字体HTML基础第四讲---图像HTML基础第五讲---控制表格及其表项的对齐方式HTML基础第六讲---表格HTML基础第七讲---框架HTML基础第...
Html基础文档
09-13
HTML 免费
头歌-HTML基础
最新发布
somewon的博客
03-06 9971
四川师范大学 头歌 web应用开发
HTML基础.xmind
12-07
HTML基础.xmind
html基础整理
04-19
整理一些html常用的基础的标签作用与其网页的展示效果非常基础，简单易懂
HTML基础题目.rar
04-08
文件为HTML基础题目，题目如下，欢迎下载，3-1《七步诗》3-2制作Google Logo效果3-3《关山月》3-4通配符选择器3-5CSS字体样式属性3-6春天3-7你若安好便是晴天3-8CSS层叠性3-9CSS优先级3-10制作新浪博客效果
HTML基础与Web发展历史
本文将深入探讨HTML基础，重点关注HTML文档结构、语法以及常用标签。HTML，全称为HyperText Markup Language，是用于创建网页内容的标准标记语言。它允许我们将文本、图像、链接等元素组织成结构化的文档，并通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值