zoukankan      html  css  js  c++  java
  • 小菜鸟之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 自定义函数和函数的调用
  • 相关阅读:
    安卓版php服务器的mysql数据库增删改查简单案例
    PHP之Mysql常用SQL语句示例的深入分析
    PHP文件上传主要代码讲解
    只能输入数字的文本框-php
    Unknown column '' in 'field list'解决方案
    PHP mysqli连接MySQL数据库
    Php连接及读取和写入mysql数据库的常用代码
    mysqli 操作数据库
    类的静态变量访问
    用JS添加文本框案例代码
  • 原文地址:https://www.cnblogs.com/czg-0705/p/11565279.html
Copyright © 2011-2022 走看看