首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

学习HTML的记录

作者：穷朱朱 | 来源：互联网 | 2023-08-20 18:27
学习HTMLHTMLHTML的记录基本知识

学习HTMLHTMLHTML的记录


基本知识


<html lang&＃61;"en">
<head><meta charset&＃61;"UTF-8"><meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0"><title>我的第二个界面title>
head>
<body><h1>第一个界面h1><p>今天学习了HTML的相关内容p><div>啦啦啦啦啦啦啦div><span>123span><span>456span><p>写代码p><img src&＃61;"hh.jpg" alt&＃61;"打不开啦" title&＃61;"鼠标在图片上就会显示我" width&＃61;"500" border&＃61;10 /><p>-by 何浩<br />2020 8 22p>
body>
html>

在这里插入图片描述

表格的相关知识


<html lang&＃61;"en">
<head><meta charset&＃61;"UTF-8"><meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0"><title>Documenttitle>
head>
<body><table align&＃61;"center" border&＃61;1 cellpadding&＃61;20 cellspacing&＃61;"0" width&＃61;"400" height&＃61;"300"> <thead><tr> <th>姓名th> <th>性别th> <th>年龄th> tr>thead><tbody><tr> <td>张三td> <td>男td> <td>21td> tr><tr> <td>李四td> <td>男td> <td>22td> tr>tbody>table><table align&＃61;"center" border&＃61;1 cellspacing&＃61;"0" width&＃61;"400" height&＃61;"300"><tr><td>td><td colspan&＃61;"2">td> tr><tr><td rowspan&＃61;"2">td> <td>td><td>td>tr><tr><td>td><td>td>tr>table>
body>
html>

在这里插入图片描述

列表(list)的相关知识


<html lang&＃61;"en">
<head><meta charset&＃61;"UTF-8"><meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0"><title>Documenttitle>
head>
<body><ul><li>ABCli><li>EFGli><li>HIJli>ul><ol><li>ddddli><li>eeeeli><li>ffffli>ol><dl><dt>主要内容dt><dd>看书dd><dd>写代码dd><dd>打游戏dd>dl>
body>
html>

在这里插入图片描述

表单的相关知识


<html lang&＃61;"en">
<head><meta charset&＃61;"UTF-8"><meta name&＃61;"viewport" content&＃61;"width&＃61;device-width, initial-scale&＃61;1.0"><title>Documenttitle>
head>
<body><form action&＃61;"xxx.php" method&＃61;"GET"><label for&＃61;"text">用户名:label> <input type&＃61;"text" name&＃61;"username" value&＃61;"请输入用户名" maxlength&＃61;"10" id&＃61;"text"> <br>密码: <input type&＃61;"password"> <br>性别: <label for&＃61;"male">男label> <input type&＃61;"radio" name&＃61;"sex" checked&＃61;"checked" id&＃61;"male"> <label for&＃61;"female">女label> <input type&＃61;"radio" name&＃61;"sex" id&＃61;"female"> <br>爱好: 学习 <input type&＃61;"checkbox" name&＃61;"hobby"> 吃饭 <input type&＃61;"checkbox" name&＃61;"hobby"> 写代码 <input type&＃61;"checkbox" name&＃61;"hobby"> <br><input type&＃61;"submit" value&＃61;"免费注册"> <br><input type&＃61;"reset" value&＃61;"重置"> <br><input type&＃61;"button" value&＃61;"获取短信验证码"> <br>上传头像: <input type&＃61;"file" > <br><select><option>北京option><option>上海option><option>武汉option><option selected&＃61;"selected">天津option>select><textarea cols&＃61;"50" rows&＃61;"20">默认文本textarea>form>
body>
html>

在这里插入图片描述


推荐阅读
author-avatar
穷朱朱
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有