Html简单标签
2022-04-28 19:07
1521 查看
前言
记录一下学习html,初识前端,记录一些html的常用标签,虽然简单,但会经常用到。
<h1> 标题标签</h1>
标题标签
<p>段落标签</p>
段落标签
换行标签</br>
换行标签
水平线标签</hr>
特殊符号 < > & ¥ © ® ° ± × ÷ ²<br/>
特殊符号 < > & ¥ © ® ° ± × ÷ ²
<img src="path" alt="图片" height="250" width="250"/><br/>
<!--超链接--> <a href="https://www.cnblogs.com/hjk-airl/p/www.baidu.com" target="_self">百度</a>
列表
有序列表:
<ol> <li>1</li> <li>2</li> <li>3</li> </ol>
- 1
- 2
- 3
<ul> <li>1</li> <li>2</li> <li>3</li> </ul>
- 1
- 2
- 3
自定义列表:
<dl> <dt>学科</dt> <dd>java</dd> <dd>c</dd> <dd>c++</dd> </dl>
- 学科
- java
- c
- c++
- 跨行,跨列
<table border="1"> <tr> <td colspan="2">112</td><td>13</td> </tr> <tr> <td rowspan="2">2131</td><td>22</td><td>23</td> </tr> <tr> <td>32</td><td>33</td> </tr> </table>
112 | 13 | |
2131 | 22 | 23 |
32 | 33 |
媒体元素
视频:
controls必须设置,不然不会显示
<video src="path" width="450" height="300" controls></video>
音频
<audio src="D:\java_work\hello_web\web\rourse\3.mp3" width="350" heigth="20" controls></audio>
表单
<form action="path" method="get"> <p>账号:<input type="text" value="name"></p> <p>密码:<input type="passwordt" value="password"></p> <p>性别<input type="radio" name="sex" checked="checked"/>男 <input type="radio" name="sex"/>女</p> <p>兴趣<input type="checkbox" name="xingqu"/>唱歌 <input type="checkbox" name="xingqu"/>跳舞 <input type="checkbox" name="xingqu"/>写作</p> <p>文件</p><input type="file" /></p> <p><input type="submit" value="submit"></p> <p><input type="reset" value="reset"></p> </form>
账号:
密码:
性别男 女
兴趣唱歌 跳舞 写作
文件
效果
总结
确实很水
相关文章推荐
- 简单的HTML标签学习
- 简单的js限制html中input标签输入空格
- HTML简单标签
- Html 标签简单总结
- js简单实现HTML标签Select联动带跳转
- css+html的简单图片标签印(小标签图重叠在图片上)
- Html简单的常用标签
- HTML 简单教程-实例005 HTML图像<img> 标签
- 前端简单入门第二讲 HTML标签(一)
- asp之自动闭合HTML/ubb标签函数+简单注释
- HTML的几个标签简单记录
- 40.简单认识一下结构化标签html
- HTML&CSS基础学习笔记1-简单网页中有哪些标签?
- day2-什么是HTML?、什么是HTML5?、Web语义化的简单理解、基本的HTML标签。
- 一个简单的HTML标签搞死64位的 Windows 7
- js获取html的span标签的值方法(超简单)
- 简单的html标签
- 【AngularJS学习笔记】封装一些简单的控件(封装成Html标签)
- 前端学习日记(二):html中列表、超链接、图片、表格、H5新增标签的简单应用
- HTML一些简单标签的练习&复习