<!DOCTYPT html>
<html>
<head>
<meta charset="utf-8">
<title>May的HTML学习笔记</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<a href="https://www.zozc.cn" target="_blank">这是一个链接</a><br>
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" title="百度logo" width="300" height="300"><br>
<a href="https://www.zozc.cn" target="_blank">hhh</a><br>
<a href='https://blog.zozc.cn' target="_blank">使用单引号的HTML链接（我的博客）</a><br>
<p style="color: red; font-size: 18px;">提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：<br>
name='John "ShotGun" Nelson'</p>
<p>"<!--...-->"一行隐形的注释</p>
<address>
Written by <a href="mailto:linux0917@qq.com">May</a><br>
Visit us at:<br>
www.weacx.com<br>
Box 564, Disneyland<br>
USA
</address>
<code>一段电脑代码 print("Hello World")</code>
<hr>
<a href="https://www.zozc.cn" target="_blank" title="www.zozc.cn">这是一个链接</a><br>
<img src="https://www.zozc.cn" alt="403 Forbidden"><br>
<input type="number" placeholder="Enter your ID"><br>
<input type="text" value="May"><br>
<label for="pwd">密码：</label>
<input type="password" id="pwd" name="pwd"><br>
<label for="birthday">生日：</label>
<input type="date" id="birthday" name="birthday"><br>
<p>你的兴趣：</p>
<input type="checkbox" id="coding" name="interest" value="coding">
<label for="coding">编程</label>
<input type="checkbox" id="music" name="interest" value="music">
<label for="music">音乐</label><br>
<p>性别：</p>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br>
<input type="text" disabled><br>
<input type="checkbox" checked><br>
<input type="text" placeholder="placeholder（用于 <input> 和 <textarea> 元素）：在输入框中显示提示文本。"><br>
<a href="https://www.zozc.cn" target="_blank">Open in new tab</a><br>
<input type="text" readonly> <input type="text" required><br>
<button onclick="alert('Button clicked!')">Click Me</button>
<hr>
</body>
</html>
暂无评论