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

猜你喜欢

转载自blog.csdn.net/qq_36287601/article/details/81635202