小菜鸟之HTML常用 

  1 html的基本结构是什么?

  2 表示段落标签是什么？
<p>
  3 表示标题标签的是什么？
<title>Css标签样式</title>

  4 表示区域标签的是什么？
<div>
  5 表示视频标签的是什么？常用属性是什么？
视频 video标签 
controls 表示控制器 ; autoplay 自动播放

  6 表示音频标签是什么？
音频 audio标签

  7 表示空格/版权/左尖括号/右尖括号/双引号的标签是什么？
&nbsp;&copy;&lt;&gt;&quot;
  8 表示引入css文件的标签是什么？常用属性是什么？
<style type="text/css" rel="stylesheet">

  9 表示超链接的标签是什么？常用属性是什么？
超链接 a标签

 10 表示图片标签什么？
<img src="img/lesson1.jpg" a

 11 表示换行/加粗/斜体标签是什么？
<em>斜体</em>，<strong>字体加粗</strong>

 12 css的英文全称是什么？
Cascading Style Sheets

 13 css常用的选择器有哪些？.
id选择器
类选择器
标签选择器

 14 网页引入css样式有哪3种方式？

内联样式引入

内部样式

外部样式


 15 引入外部样式的标签和2个常用属性是什么？
<link type="text/css" rel="stylesheet" href="css/newstyle.css"/>

 16 常用的3中选择器分别是什么？
ID选择器  类选择器 >标签选择器
 17 3种选择器的优先级从高到低依次是什么？
!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 自定义函数和函数的调用？
posted @ 2019-09-21 22:55  一片风的独白  阅读(133)  评论(0)  编辑  收藏  举报