notepad++ 界面
14245353-914c9ed777088fa9.png
1.菜单栏
-
编码
14245353-95a597ef13d8dd15.png
-
语言
14245353-795ad1c0edd75322.png
2.工作区基本操作
-
Add添加功能
14245353-e7fa97d5757afd7d.png
-
remove移除操作
14245353-92ec989fbbc3782a.png
-
copy path复制路径
14245353-43ffa89bf8bc453d.png
-
run by system系统运行
14245353-ee015f5b3351eb09.png
-
Explorer here 资源路径
14245353-3e445c7bc8db0424.png
3.界面元素
-
属性值
14245353-8f7d44d6894b221b.png
-
标签的层级结构
14245353-2a48af473624eb69.png
-
操作英文单词
14245353-0ef16c1f36add034.png
-
html:input类型和其它标签单词
14245353-972af7b2e8c6eefd.png
14245353-bfb818e0673b4f8e.png
Day07_notepad++使用.png
<head>
<title>第一个练习html页面</title>
</head>
<body>
<h1>这是H1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<td>text:文本输入框</td>
<input type='text'>
</br>
<td>number:数字输入框</td>
<input type='number'>
</br>
<td>radio:单选框</td>
<input type='radio' name='sex'>
<td>男</td>
<input type='radio' name='sex'>
<td>女</td>
<input type='radio' name='sex'>
<td>其他</td>
</br>
<td>班级</td>
<input type='radio'name='class'>
<td>1810</td>
<input type='radio'name='class'>
<td>1809</td>
<input type='radio' name='class'>
<td>其他</td>
</br>
<td>checkbox:多选框</td>
<input type='checkbox' >
<td>A</td>
<input type='checkbox'>
<td>B</td>
<input type='checkbox' >
<td>C</td>
<input type='checkbox'>
<td>D</td>
</br>
<td>button:普通按钮</td>
<input type='button' value='登录' >
</br>
<td>password:密码输入框</td>
<input type='pssword'>
</br>
<td>date:日期选择</td>
<input type='date'>
</br>
<td>time:时间</td>
<input type='time'>
</br>
<td>textaera:文本输入区</td>
<textarea></textarea>
</br>
<td>select:下拉框</td>
<select>
<option>苹果</option>
<option>橘子</option>
<option>香蕉</option>
<option>菠萝</option>
<option>梨</option>
</select>
</br>
<td>超链接</td>
<td>
<a href='www.baidu.com'>百度一下</a>
</td>
</br>
<td>reset:重置按钮</td>
<input type='reset'>
</br>
<td>file:上传文件</td>
<input type='file'>
</br>
<td>submit:提交按钮</td>
<input type='submit'>
</br>
<td>img:图片</td>
<img src="../picture/tupian.jpg">
</br>
<td>audio:音频<td>
<audio controls="" loop="true">
<source src='../media/mp3/a.mp3' type="audio/mpeg">
</audio>
</br>
<td>video:视频</td>
<video controls="">
<source src="../media/mp4/StartMenu_Win10_RTL.mp4" type="video/mp4">
</video>
</body>
</html>
14245353-36204292a81dc3b7.png
网友评论