博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
20150917-html第二次课
阅读量:5742 次
发布时间:2019-06-18

本文共 2087 字,大约阅读时间需要 6 分钟。

HTML标签

1、marquee 滚动字幕

默认状态:浏览器的从右往左,滚完之后再从右往左。

属性:direction (up向上) hspace距左侧的距离 behavior(alternate来回滚动 slide不会滚动)scrollamout速度 scrolldelay停顿时间

可以放置图片滚动。

滚动一般用JS做

2、HTML表单 form

表单:注册时,把内容放在form表单里。指定的传递页面action,传值方式method

get和post区别:

1、get值写在地址栏,可以看到传的值。ID、数据量比较小的,安全性不太高的。

2、post地址栏是不显示的,安全性高一些。数据量大一些。当刷新时会提示“重试”对话框。

传递参数表单:

用户名:
密码:
喜欢的颜色:
性别:
喜欢的水果: 桔子苹果梨子
头像
个人简介:

表单元素

button普通按钮 reset重置 submit提交 image图像按钮 checkbox复选 radio单选 text文本输入 password密码 file上传 hidden 隐藏

重置 提交只能用在form里

input里必须写name="username"时参数才会传递

<textarea>固定属性,在CSS里设置resize:none;不进行拖放

 这些控件一定要掌握,客户端控件配合ajax, 服务端控件会有效率的问题

 

 <fieldset> 分组标签

        <legend>图书分类</legend>
 </fieldset>

嵌套页面

<iframe src="http://www.baidu.com" width="600px" height="600px"></iframe>

常用的一些HTML,就这些了。

通常HTML是4.01版本 HTML5 4.01+加了一些新的标签。

%是针对上级标签(没写就是针对浏览器的)的宽度的百分比,不是很精确。

3、CSS需要做的更好看一些。

网页外观

如何写CSS

第一种:直接在HTML中写,行内样式

    

div style属性 属性值

css属性width 属性值200px;

第二种:内嵌式

        
你好

p

标签选择器<class<id

第三种:链接式

把CSS和HTML分开

 

 

        

 

div{    color:Red;}.cl{    color:green;}#d1{    color:Blue;}

 

第四种:导入样式一般不用,会在页面加载完成后才加载样式

<style>@import url(1.css)</style>

 

4、如果一个样式会在以上的几种方式都写,会按照就近原则

5、CSS的注释:/**/

 

6节CSS的课

 

6、字体样式

color:Red;   font-size:"微软雅黑";   font-weight:700;   text-decoration:underline;   text-transform:uppercase;/*变大写*/   letter-spacing:10px;/*字符间距*/   text-align:center;/*文本的对齐方式*/   line-height:200px;/*垂直对齐*/   height:200px;

7、FSCapture 取色工具 精确测量

 

 

知识点:P标签会继承d1的属性,不会所有的样式都继承,一般字体会继承

<div id="d1"><p></p></div>

 

维护CSS页面

如果是公共的样式,一般放在base.css里,如果是页面单独的样式a.css b.css c.css

JS也是同样的。

 

程序要讲究低耦合:不要把所有的内容写到一起,要分开。

 如何交作业?

建文件夹-昵称+html作业-把文件拷贝到文件夹-压缩-发QQ邮件。

 

转载于:https://www.cnblogs.com/16lily521/p/4825782.html

你可能感兴趣的文章
hadoop2.7.2 HA搭建
查看>>
gitosc上传项目
查看>>
Java-UrlRewrite中文官方文档
查看>>
C++随笔:.NET CoreCLR之corleCLR核心探索之coreconsole(2)
查看>>
js中replace的用法(两种常用举例,还有好多用法不一一列举)
查看>>
基于开源云平台OpenStack的存储分析
查看>>
关于Android Sqlite语句注意事项一点
查看>>
shell高级视频答学生while循环问题
查看>>
无法SSH到Ubuntu
查看>>
使用@media实现IE hack的方法
查看>>
磁盘管理 - 软RAID
查看>>
KVM下virtio驱动虚拟机XML配置文件分析
查看>>
创建一个基本镜像
查看>>
《11招玩转网络安全》之第一招:Docker For Docker
查看>>
7、kvm虚拟机快照备份
查看>>
visual studio 2005没有找到MSVCR80D.dll问题
查看>>
hive_0.11中文用户手册
查看>>
hiveserver2修改线程数
查看>>
sqoop笔记
查看>>
SQL Server 2012 故障转移群集最佳实践(四)
查看>>