该博客围绕HTML基础展开，虽未给出具体内容，但可推测会涉及HTML标签、元素等基础信息技术知识，帮助读者了解HTML的基本构成与使用。
<!-- doc:文件 type：类型 -->
<!DOCTYPE html>
<!-- thml:超文本标记语言
hypertext markup language
网页的跟标签 是HTML的开始标签
格式：<标签名 属性=属性值 属性=属性值> -->
<html lang="en">
<!-- head：存放css样式代码等 -->
<head>
<!-- meta：配置参数用 -->
<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>基础标签</title>
<style>
.yanse{background-color:lemonchiffon}
table{
/* border-collapse折叠边框 */
border:1px solid rgb(199, 199, 199);
border-collapse: collapse;
width: 800px;
height: 350px;
}
td{
border:1px solid rgb(219, 218, 218);
width: 130px;
/* text-align: center:表示居中 */
text-align: center
}
tr{
/* 行高 */
height: 50px;
}
</style>
</head>
<!-- body：其中添加的任何内容都会以其应有的形式显示在网页上 -->
<body background="u=4055292100,2175419160&fm=26&gp=0.jpg" style="background-repeat:no-repeat;background-size:100% 100%;">
<!-- a:超链接标签，target=决定是否新建窗口，"_blank"表示在其他窗口打开链接
超链接作用域里的任何内容都可以点击 -->
<a href="http://www.baidu.com" target="_blank" style="float:right"； text-align：right;>
百度官网
</a>
<a href="http://www.baidu.com" target="_blank" >
百度官网
</a>
<hr>
<!-- img:图片标签，src:图片路径
alt:资源路径或链接失败时的错误提示 -->
<img src="图片3.png" alt="图片走丢了、、、" width="1230" height="100">
<a href="http://www.baidu.com" target="_blank">
<img src="图片13.png" alt="图片走丢了、、、">
</a><br>
<!-- 输入框，type="text" ，
text：文本
password： 密码（暗文）
number：数字和字母
radio：单选框
CheckBox：多选框
submit：按钮，样式 -->
<!-- placeholder：输入框输入汉字提示 -->
<div align="center">
<input type="text" placeholder="请输入手机号" style="height: 30px;width:500px; " >
<input type="submit" value="提交"><br>
</div>
<br/>
<br/>
<br/>
<div align="center" >
<table>
<tr >
<td></td>
</tr>
<tr>
<td rowspan="2">
<div style="float:left; width:35%">
<h3>{单选，请选择你的性别？}</h3>
<!-- name表示类别，分组，识别以下两行为一个类别，只能从中选一个，不然都能选
方便服务器区分题别 -->
<input type="radio" name="sex">男
<input type="radio" name="sex">女
<br/>
<h3>多选，请选择你喜欢的食物</h3>
<input type="checkbox" name="food">榴莲
<input type="checkbox" name="food">榴莲2
<input type="checkbox" name="food">榴莲3
<input type="submit">
<!-- form：表单标签，独占一行
action：点击按钮跳转的地址
value:改变按钮上的提示 -->
<form action="www.baidu.com">
<input type="submit" value="搜索">
</form>
</div>
<div style="float:right; width:45%">
<h3>实时热点</h3>
<p>
超5成大学生脱发<br>
二维码付款被盗刷<br>
油价年内第八涨<br>
油价年内第八涨<br>
油价年内第八涨<br>
油价年内第八涨<br>
广东暴雨现龙吸水<br>
广东暴雨现龙吸水<br>
广东暴雨现龙吸水<br>
以下信息根据您的兴趣推荐
</p>
</div>
</td>
</tr>
</table>
</div>
<!-- ordered list ol:有序列表
unordered list ul:无序
list li:列表 -->
<div align="center" >
<ol class="yanse">
<li >列表一列表一列表一列表一列表一列表一列表一</li>
<li>列表一列表一列表一列表一列表一列表一列表一列表一</li>
<li><a href="C:\Users\宋兴硕\Desktop\527\表格1.html" target="_blank">
列表三
</a>
</li>
</ol>
</div>
<!-- 分割线 -->
<hr>
<!-- autoplay自动播放， loop循环 controls控制 -->
<audio src="抗压草莓酱 - 【草莓】Young For You (节目).mp3" controls>
暂停
</audio>
</body>
<!-- 结束标签，不添加任何内容 -->
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
