热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

学习HTML的记录

学习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
穷朱朱
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有