HTML入门习题及答案

题目来源¹

编写html代码，使得运行结果如图片所示

题1

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><h3>各科小常识</h1><hr /><h3>语文</h3><p>&emsp;&emsp;圣人惠天下第一 爱丽丝天外飞仙</p><hr /><h3>数学</h3><p>&emsp;&emsp;勾股定理：a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p><hr /><h3>英语</h3><p>&emsp;&emsp;no game no life</p><hr /><h3>化学</h3><p>&emsp;&emsp;H<sub>2</sub>SO<sub>4</sub></p><hr /><h3>经济</h3><p>&emsp;&emsp;雪乃股稳赚不亏</p></body>
</html>

题2

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><h3>调查问卷</h3><h4>你用什么方式查询信息?</h4><ol><li>谷歌浏览器</li><li>火狐浏览器</li><li>翻书</li><li>问女朋友</li></ol><h4>你最喜欢使用哪个编程语言?</h4><ol><li>Java</li><li>python</li><li>C</li><li>C++</li><li>JavaScript</li></ol><h4>你喜欢下面的哪些角色（多选）</h4><ul><li>轻井泽惠</li><li>加藤惠</li><li>藤原千花</li><li>鸢一折纸</li><li>御坂美琴</li><li>雪之下雪乃</li></ul></body>
</html>

题3

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><div><label for="name">昵称：</label> <input type="text"  id="name"  style="background-color: #FFFF00;"/></div><div><label for="psd">密码：</label><input type="password" id="psd" /></div><div><label for="mail">邮箱：</label><input type="text" id="mail" /><select><option value="qq.com">qq.com</option></select></div><div><label>性别：</label><input type="radio" id="man" checked name="sex" /><label for="man">男</label><input type="radio" id="woman" name="sex" /><label for="woman">女</label></div><div>兴趣：<input type="checkbox" id="anime" /><label for="anime">看番</label><input type="checkbox" id="chat" /><label for="chat">社交</label><input type="checkbox" id="study" checked /><label for="study">学习</label></div><div><textarea rows="5" cols="40" value="个人介绍:"></textarea></div><div style="padding-left: 100px;"><button>注册</button></div><div><label>上传个人照片：</label></div><div><input type="button" id="selfile" value="选择文件" /><label for="selfile">未选择文件</label></div></body>
</html>

总结：div标签用于布局网络框架，大部分代码均使用div配合id或class布局html页面，
小局部也可以用div和其它功能标签进行布局

与之不同的是p标签用于文章正文，它和div标签不同的是，上下近邻的p标签具有一定间距，而上下近邻的div标签没有间距

div标签独占一行，而span标签随内容适应，有多少内容就占据多少空间，span标签可以用于修饰局部或者布局文章中的一些字体样式，它没有结构的意义，当其他行内元素都不适合的时候，可以用span来配合CSS 操作。

HTML5学习笔记 ↩︎

HTML入门习题及答案相关推荐

python3入门经典100例-Python3经典100例(Python3入门习题) 含答案 doc版
本教程来自网友总结整理,这个习题包含了大部分Python入门级别的习题,还有习题答案.希望通过这100道例题,能对python3的基础代码能力有一定的掌握.需要的朋友可下载试试! 目录实例001:数 ...
python入门经典100例-Python3经典100例(Python3入门习题) 含答案 doc版
本教程来自网友总结整理,这个习题包含了大部分Python入门级别的习题,还有习题答案.希望通过这100道例题,能对python3的基础代码能力有一定的掌握.需要的朋友可下载试试! 目录实例001:数 ...
python经典100例下载_Python3经典100例(Python3入门习题) 含答案 doc版
本教程来自网友总结整理,这个习题包含了大部分Python入门级别的习题,还有习题答案.希望通过这100道例题,能对python3的基础代码能力有一定的掌握.需要的朋友可下载试试! 目录实例001:数 ...
java基础入门课后习题_《Java基础入门》课后习题及答案
<Java基础入门>课后习题及答案Java基础入门,课后习题,答案博学谷--让IT教学更简单,让IT学习更有效 <Java基础入门>课后习题第1章Java开发入门一.填空 ...
java基础入门课后习题答案_《Java基础入门》课后习题及答案
<Java基础入门>课后习题及答案Java基础入门,课后习题,答案博学谷--让IT教学更简单,让IT学习更有效第6章JavaAPI 一.填空题 1.在Java中定义了两个类来封装对字符 ...
java课后习题及答案_《java基础入门》课后习题及答案.doc
<java基础入门>课后习题及答案.doc <Java 基础入门>课后习题及答案博学谷--让 IT 教学更简单,让 IT 学习更有效<Java 基础入门> 课后习题 ...
matlab胡良剑第五章,MATLAB习题参考答案(胡良剑,孙晓君)
MATLAB习题参考答案第一章 MATLAB入门 4.求近似解解:>> x=-2:0.05:2;y=x.^4-2.^x 两个近似解:y1=f(-0.85)= -0.0328; y2=f ...
JAVA编程习题及答案_完美版
JAVA编程习题及答案_完美版原创 lingwu7 最后发布于2017-08-15 20:01:12 阅读数 10796 收藏发布于2017-08-15 20:01:12 版权声明:本文为博主原创 ...
oracle练习习题与答案
oracle练习习题与答案提示:先复习一遍在做题会更香哦~ oracle基础入门总结. 前言在之前的一次项目经历中,sql语句的不熟练,出现的问题花费了我大量的时间,趁着最近在学习,发现网上有很多 ...

HTML入门习题及答案

题1

题2

题3

HTML入门习题及答案相关推荐

最新文章

热门文章