小菜鸟之HTML常用
1 html的基本结构是什么?
2 表示段落标签是什么?<p>
3 表示标题标签的是什么?<title>Css标签样式</title>
4 表示区域标签的是什么?<div>
5 表示视频标签的是什么?常用属性是什么?视频 video标签 controls 表示控制器 ; autoplay 自动播放
6 表示音频标签是什么?音频 audio标签
7 表示空格/版权/左尖括号/右尖括号/双引号的标签是什么? ©<>"
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 自定义函数和函数的调用?
小菜鸟之HTML常用的更多相关文章
- 菜鸟的springboot常用注解总结
菜鸟的springboot常用注解总结 0.前言 可以毫不夸张地说,这篇文章介绍的 Spring/SpringBoot 常用注解基本已经涵盖你工作中遇到的大部分常用的场景.对于每一个注解我都说了具体用 ...
- Ubuntu分区方案(菜鸟方案、常用方案和进阶方案)
菜鸟方案 “/”与swap两个分区就可以应付绝大多数的应用 常用方案 分为3个区 1. 挂载点/:主分区:安装系统和软件:大小为30G:分区格式为ext4: 2. 挂载点/home:逻辑分区:相当于“ ...
- 前端小菜鸟的Mobile之旅---开篇
背景:前段时间有幸参与了公司一个基于H5的手机APP项目,(我们用的React+ES6+Webpack+Cordova开发),由此开始接触一些关于H5开发手机APP方面的知识,下面Shar ...
- 小菜鸟之oracle
oracle 存储过程 函数 创建 删除 参数 传递 函数 查看 包 系统包 分类: Oracle 2011-10-27 17:31 264人阅读 评论(0) 收藏 举报 认识存储过程和函数 存储 ...
- 小菜鸟之JAVA面试题库1
四次挥手 客户端发送释放连接报文,关闭客户端到服务端的数据传输 服务端收到后,发送确认报文给客户端 服务端发送释放连接报文,关闭服务端到客户端的数据传输 客户端发送一个确认报文给服务端 ------- ...
- 微信小程序WXML页面常用语法(讲解+示例)
(一) WXML 是什么 官方说明:WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构 在前面我们就已经提过,WXML,就可 ...
- 小菜鸟带着梦想学chromium
风雨送春归, 飞雪迎春到. 已是悬崖百丈冰, 犹有花枝俏. 俏也不争春, 只把春来报. 待到山花烂漫时, 她在丛中笑. 这首卜算子·咏梅可是应了我的心情了.最近换工作,受到频频打击,面试过程中发现满世 ...
- 文成小盆友python-num7 -常用模块补充 ,python 牛逼的面相对象
本篇内容: 常用模块的补充 python面相对象 一.常用模块补充 1.configparser模块 configparser 用于处理特定格式的文件,起内部是调用open()来实现的,他的使用场景是 ...
- 第1次作业:小菜鸟的平凡IT梦
#1.结缘计算机的始末 ##1.1与计算机相识的几年 作为一个95后,出生在一个互联网开始兴盛的时代.我记得小学的时候,开始知道电脑这个东西,学校有了机房,开始有了所谓的电脑课.那时候计算机对于我来说 ...
随机推荐
- js 获取滚动条的高度
function getScrollTop() { var scroll_top = 0; if (document.documentElement && document.docum ...
- 逻辑回归原理 面试 Logistic Regression
逻辑回归是假设数据服从独立且服从伯努利分布,多用于二分类场景,应用极大似然估计构造损失函数,并使用梯度下降法对参数进行估计.
- docker部署项目: centos+python+redis+mysql+uwsgi+nginx
一.Centos7安装docker 1.1 环境配置 先测试是否下载了docker:查看镜像:docker images没有下载,就依次执行以下环境的安装 ①curl http://mirrors.a ...
- Flask-websocket实现聊天功能
群聊无昵称 原生js代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...
- 【java设计模式】-05建造者模式
建造者模式 简述 建造者模式,是将一个复杂对象的创建和它的表示分离开来,这就使得同样的构建构成可以有不同的表示. 建造者模式是一步步构建一个复杂的对象,允许用户只需要指定复杂对象的类型和必要的内容就可 ...
- Navicat连接的某个表一直加载并且不能关闭
问题: 今天下午突然发现数据库的一张表一直加载,也出不来数据,并且也不能关闭.解决办法: 在Navicat中中执行如下命令: SHOW PROCESSLIST; 如果state列中有lock字眼,通过 ...
- svn上误删除覆盖的文件简单恢复步骤
因为失误,不小心把同事提交到svn的文件给覆盖删除了.早上来和我说,吓死宝宝了... 还好,svn是个好东西,恢复到某个版本就行了.下面是简单步骤: 1.在本地的svn项目文件,右键---Toitoi ...
- 解决Linux下Firefox无法启动的问题
在linux下使用Firefox连接被测系统的GUI,一次偶然操作导致linux系统运行缓慢,Firefox无法正常操作,从system monitor 杀掉所有java进程将Firefox强行关闭. ...
- redis-Sentinel持续高可用
自动故障转移机制 redis目前只支持主从复制备份(不支持主主复制),当主redis挂了,从redis只能提供读服务,无法提供写服务.所以,还得想办法,当主redis挂了,让从redis升级成为主re ...
- lsnrctl: .... cannot restore segment prot after reloc: Permission denied
cannot restore segment prot after reloc: Permission denied Table of Contents 1. 错误信息 2. 解决方法 1 错误信息 ...