EasyDemo*Html小demo合集(on Github)
1.>demo1:https://github.com/Way123Ne/htmAndcssAndJs/tree/master/HtmlDemo1
2>demo2
*问题
为页面添加表单标记,实现如下图所示的页面效果:
*要求
-对于页面上的单选框和复选框,需做到,单击选择框后面的文本,就像单击选择框一样
*方案
-使用表格实现图-1所示的页面布局
-为实现:单击选择框后面的文本,就像单击选择框一样,需使用<label>元素
*源码:https://github.com/Way123Ne/htmAndcssAndJs/tree/master/HtmlDemo2/WebRoot
3>demo3
*问题
创建一个html文档,分别使用内联样式、内部样式表和外部样式表为页面的元素定义CSS样式,页面效果如下:
*要求
-第一行文本为<p>元素,使用内联样式定义其样式为25pt的红色文本
-第二行文本为<h1>元素,使用内部样式表定义其样式为25pt的蓝色文本
-第三行文本为<h2>元素,使用外部样式表定义其样式为15pt的绿色文本,且背景色为银灰色
*方案
-内联方式:样式定义在单个的html元素的标准属性style里
-内部样式表:样式定义在html页的头元素中
-外部样式表:将样式定义在一个外部的CSS文件中(.css文件),并在html页面引用样式表文件
*源码:https://github.com/Way123Ne/htmAndcssAndJs/tree/master/HtmlDemo2/WebRoot