Little rookie of the common HTML

  1  What is the basic structure of html ?

  2  What refers to the paragraph tags are ?
<the p->
   3  represents the title tag of what is ?
<Title> Css style tag </ title>

  4  What is a region of the label ?
<div>
   5  indicate what is the video tag ? What common properties are ?
Video video tag 
It indicates that the controller controls; AutoPlay AutoPlay

  6  represents the audio tags are what ?
Audio audio tag

  7  represents a space / copyright / left angle bracket / right angle bracket / what tags are enclosed in double quotes ?
nbsp &; & Copy; & lt; & gt; & Quot;   8 redistributes css file label what it is ? What common properties are ?
 
<style type="text/css" rel="stylesheet">

  9  represents what tags are hyperlinks ? What common properties are ?
Hyperlink a label

10  represents the image tag what ?
<img src="img/lesson1.jpg" a

11  newline / bold / what tags are in italics ?
<Em> italics </ em>, <strong> bold font </ strong>

12  What css English name is ?
Cascading Style Sheets

13  CSS selectors used what ? .
id selector 
class selector
tag selector

14  page introduction css styles What are three ways ?

The introduction of an inline style

Internal Style

External style


15  What is the introduction of external style tags and two common properties are ?
<link type="text/css" rel="stylesheet" href="css/newstyle.css"/>

16  What are the commonly used 3 selectors are ?
ID selector class selector> tag selector 17 highest to lowest priority of the three options is followed by what is ?
 
!important > ID选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 继承 > 浏览器默认属性
 18 通过内部样式手写3种选择器的demo给选择区设置字体大小和字体颜色

 19 手写一个有序列表
<!--有序列表-->
<ol>
<li>语文</li>
<li>数学</li>
<li>英语</li>
<li>物理</li>
</ol>

 20 手写一个无序列表
<ul>
<li>语文</li>
<li>数学</li>
<li>英语</li>
<li>物理</li>
</ul>

 21 手写一个自定义列表
<dl>
<dt>学科</dt>
<dd>语文</dd>
<dd>数学</dd>
<dd>物理</dd>
<dd>化学</dd>
<dd>体育</dd>
</dl>

 22 手写一个表格合并行和合并列
<!--表格-->
<table border="1">
<tr><td colspan="2">11</td><td>13</td></tr>
<tr><td rowspan="2">21</td><td>22</td><td>23</td></tr>
<tr><td>32</td><td>33</td></tr>
<tr><td>41</td><td>42</td><td>43</td></tr>
</table>

 23 手写一个表单包含姓名/密码/性别/爱好/出生城市/个人简介/注册按钮/重置按钮)?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表表格表单</title>
</head>
<body>
<div>
<form action="url" method="get">
<div><label>注册表单</label></div>
<div><label>姓名</label><input type="text" name="username" value="" placeholder="请输入姓名"></div>
<div><label>密码</label><input type="password" name="password" value=""></div>
<div><label>再次确认密码</label><input type="password" name="password2" value=""></div>
<div><label>性别</label>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
</div>
<div><label>爱好</label>
<input type="checkbox" name="hobby" value="eat" >吃
<input type="checkbox" name="hobby" value="drink">喝
<input type="checkbox" name="hobby" value="play">玩
<input type="checkbox" name="hobby" value="study" checked>学习
</div>
<div><label>出生日期</label>
<select name="year">
<option value="2001" selected>2001</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
</select>年
<select name="month">
<option value="12">12</option>
<option value="11">11</option>
<option value="10">10</option>
<option value="9">9</option>
<option value="8">8</option>
</select>月
<select name="day">
<option value="31">31</option>
<option value="30">30</option>
<option value="29">29</option>
<option value="28">28</option>
</select>日
</div>
<div><label>简历上传</label><input type="file" name="file" value="" disabled="disabled"></div>
<div><label>个人简介</label>
<textarea name="profile" value="" rows="5" cols="50"></textarea>
</div>
<div>
<input type="submit" name="submit" value="注册">
<input type="reset" name="reset" value="重置">
</div>
<div><input type="hidden" name="hidden" value="mimi">/div>
</div>
</form>
</div>

 24 复习js的引入 25 自定义函数和函数的调用

Guess you like

Origin www.cnblogs.com/czg-0705/p/11565279.html