notpad++ 界面
菜单栏 工具栏 工作区 编辑区
1.notepad工作区基本操作
- add 添加功能
- remove 移除操作
-
系统运行 资源路径>
image.png
2.notepad++ 界面元素
<标签名属性名=_'属性值'>innerhtml</htmtl>
- 标签的层级结构
3.notepad++ 编辑 语言
- 编辑--utf8 语言--H--html
4.notepad++ 操作英文单词
html组成: 标题title头部head身体body
input类型
image.png
其他类型
image.png
代码展示对比
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一个练习html页面</title>
</head>
<body>
</br>
<h1>问卷调查</h1>
<td>姓名</td>
<input type='text'>
</br>
<td>年龄</td>
<input type='number'>
</br>
<td>性别</td>
</br>
<td>男</td>
<input type='radio' name='sex'>
<td>女</td>
<input type='radio' name='sex'>
</br>
<td>班级</td>
<input type='radio' name='class'>
<td>1801</td>
<input type='radio' name='class'>
<td>1810</td>
</br>
<td>多选框</td>
<input type='checkbox'>
<td>A</td>
<input type='checkbox'>
<td>B</td>
<input type='checkbox'>
<td>C</td>
</br>
<td>按钮</td>
<input type='button' value='Axe'>
<br>
<td>密码</td>
<input type='password'>
</br>
<td>日期</td>
<input type='date'>
</br>
<td>时间</td>
<input type='time'>
</br>
<td>文本输入区</td>
<textarea></textarea>
<br>
<td>下拉框</td>
<select>
<option> </option>
<option>张三</option>
<option>李四</option>
<option>王五</option>
<option>赵柳</option>
</select>
</br>
<td>超链接</td>
<td><a href='https://www.baidu.com'>百度一下</a></td>
</br>
<td>重置按钮</td>
<input type='reset'>
</br>
<td>提交按钮</td>
<input type='submit'>
</br>
<td>音频</td>
<audio controls="" loop="True">
<source src="../media/mp3/a.mp3" type="audio/mpeg">
</audio>
</br>
<td>视频</td>
<video controls="">
<source src="../media/mp4/11.mp4" type="video/mp4">
</video>
</br>
<td>图片</td>
<img src="../pic/01.jpg" >
</img>
</body>
</html>
网友评论