10-22熟悉前端页面元素
2018-10-23 本文已影响17人
McLaren11
一、熟悉标记语言的格式
- html:“超文本”就是指页面内容可以包含图片，链接，甚至音乐，程序等分文字元素。
- 超文本标记语言的结构包括“头”部分（英语:head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
二、常用标签
- input
- select：下拉框
- a：超链接
- img：图片
- audio：音频
- viddeo：视屏
例子
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一天html学习</title>
</head>
<body>
<h1>这是一个h1标签</h1>
<h2>这是一个h2标签</h1>
<h3>这是一个h3标签</h1>
<td>姓名</td>
<input type='text'>
</br>
</br>
<td>密码</td>
<input type='password'>
</br>
</br>
<td>年龄</td>
<input type='number'>
</br>
</br>
<td>性别</td>
<input type='radio' name='sex'>
<td>男</td>
<input type='radio' name='sex'>
<td>女</td>
<input type='radio' name='sex'>
<td>其他</td>
</br>
</br>
<td>班级</td>
<input type='radio' name='class'>
<td>1810</td>
<input type='radio' name='class'>
<td>1812</td>
<input type='radio' name='class'>
<td>1902</td>
</br>
</br>
<td>多选框</td>
<input type='checkbox'>
<td>A</td>
<input type='checkbox'>
<td>B</td>
<input type='checkbox'>
<td>C</td>
</br>
</br>
<td>按钮</td>
<input type='button' value='登录'>
</br>
</br>
<textarea></textarea>
<td>select:下拉框</td>
<select>
<option>嘉文</option>
<option>瑞文</option>
<option>德莱文</option>
<option>龙方培瑞</option>
</select>
</br>
</br>
<td>a标签:超链接</td>
<td><a href='http://www.baidu.com'>百度一下</a>
</td>
</br>
</br>
<td>reset:重置按钮</td>
<input type='reset' value='重置'>
</br>
</br>
<td>submit:提交按钮</td>
<input type='submit' value='提交'>
</br>
</br>
<td>img:图片</td>
<img src="../picture/2.jpg">
</img>
</br>
</br>
<td>音频</td>
<audio controls="" loop="True">
<source src='../media/mp3/a.mp3' type="audio/mpeg">
</audio>
</br>
</br>
<td>视频</td>
<video controls="">
<source src='../media/mp4/StartMenu_Win10.mp4' type="video/mp4">
</video>
</body>
</html>
<html>和</html>要将所有的程序包含其中，
