一些需要记住的点：

day1 HTML格式及简单标签:

　　html 文件一般格式：

1 <html>

2     <head lang="en">

3         <meta charset="utf-8">

4         <title>页面名称</title>

5     </head>

6     <body>

7         页面内容

8     </body>

9 </html>

　　charset 设置字符编码，避免页面中文内容出现乱码。

　　<img />没有闭标签 需要在末尾打斜杠“/”，alt属性不行的时候可以用title属性代替，align 属性可以设置一个段落内图片居左还是居右，还有width和height属性设置照片大小

　　<ol>有序列表 <ul> 无序列表都可以用type设置项目标志样式：

　　　　<ol>的默认type 是 1，还有A a 等样式，<ul>不想要小黑点设置type为none.

　　分级列表<dl><dt><dd>分级列表，<dd>内可以包含,<ul><ol>

　　<h1><p>标签就不做描述了

day2 <table>标签:

　　<table>一般格式：

 1 <table cellpadding="0" cellspacing="0" border="1">

 2             <tr>

 3                 <td>a</td>

 4                 <td>a</td>

 5                 <td>a</td>

 6             </tr>

 7             <tr>

 8                 <td colspan="2">跨两行</td>

 9                 <td rowspan="2">夸两列</td>

10             </tr>

11             <tr>

12                 <td>a</td>

13                 <td>a</td>

14             </tr>

15             <tr>

16                 <td colspan="3">

17                     最后一行跨3行

18                 </td>

19             </tr>

20         </table>

　　运行结果图为：

　　其中cellspacing为表格外边距，即每个单元格的间距，cellpadding为单元格内边距；<td>的colspan和rowspan分别为跨行数和跨列数，

单元格的大小会随内容改变，固定大小对文字有用，对块及元素无用，依然会撑大单元格，可以对块元素固定大小

　　还有一些特殊字符如&copy;表示版权号，&lt;表示<,&gt;表示>..其他的可以查帮助文档

day3 表单标签<form>:

　　<form>标签用来创建一个表单，一般有method，action 属性。method有GET 和POST 两种方法，一般用POST，Post比较安全

1. get是从服务器上获取数据，post是向服务器传送数据。get是默认方法。
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 
3. 对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。 
4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中为100KB。 
5. get安全性非常低，post安全性较高。但是执行效率却比Post方法好。

建议： 
1、get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式； 
2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式；

更详细用法：http://blog.163.com/llf_046/blog/static/527371192009224022140/

　　action属性指定一个url,在用户提交后转到这个页面

　　<input/>同样没有闭标签，他的type属性常用值有text，password，radio，checkbox，submit,reset...

　　更多type 值：http://www.w3school.com.cn/html5/att_input_type.asp

　　写<input />标签时要有写name属性的习惯，这样能让获取值更方面，radio写单选框的时候，同组单选框应设置相同名字才能实现单选，checked可以

设置默认选中。

　　readonly可设置只读，placeholder可设置灰色描述字段。

day4 DIV frame 及 css:

左图为div布局的重要属性的参考图

div是块级元素，可以设置大小，背景，边框等等，还可以设置float浮动属性,可以实现并排的布局，需要排版的div都要设置float属性

div内的divmargin-top属性没有效果，可以设置父级DIv的padding-top属性代替

frame

frame是框架，可以实现在一个页面内放置几个不同的HTML页面，代码格式如下：

 1 <html>

 2

 3 <frameset rows="50%,50%">

 4

 5 <frame src="../example/html/frame_a.html" tppabs="http://www.w3school.com.cn/example/html/frame_a.html">

 6

 7 <frameset cols="25%,75%">

 8 <frame src="../example/html/frame_b.html" tppabs="http://www.w3school.com.cn/example/html/frame_b.html">

 9 <frame src="../example/html/frame_c.html" tppabs="http://www.w3school.com.cn/example/html/frame_c.html">

10 </frameset>

11

12 </frameset>

13

14 </html>

效果图：

需要注意的是如果用到框架 则不需要<body>标签。

例如设置B框架中的超链接target的属性值为a,然后C框架的name属性为a就可以实现导航的效果，及B中超链接的页面在C框架中显现

css

css即是将标签的样式打包在一起放在head内或者单独的css文件，然后通过

<link href="css文件路径" type="text/css" rel="stylesheet">导入css文件

关于css的命名规范：http://www.cnblogs.com/WebShare-hilda/p/4686067.html

还有一些目前见过难记有用的样式：

边框四角圆形：border-radios:5px;

阴影：box-shadow：0px 0px 3px black inset; inset 内置阴影 可选

渐变：background:linear-gradint(to 位置（对角渐变的话写两个位置 right bottom），开始颜色，结束颜色)

还有其他不太接触到日后查文档

　　

　　

中软培训第一周复习总结 --简单的HTML 与CSS的更多相关文章

  1. Python自动化培训第一周学习总结

    Python自动化培训第一周学习结束,看视频复习,把作业完成了. 总体来说,开卷有益. 首先,工具真是好东西,能够极大提升效率,也是人区别于动物所在.想起前任大领导对工具的不屑,本质也是对效率的不屑, ...

  2. 第一周复习二 （CSS样式表及其属性）

    样式表三种写法 1内联写法:style直接写在标签内.个人感觉多用于个别标签,一般情况优先级较高 style="font-size:16px;" 2内嵌写法:写在<head& ...

  3. 第一周复习一 （ HTML表单form）

    form <from id="" name="" method="post/get" action="">& ...

  4. 【吴恩达课后测验】Course 1 - 神经网络和深度学习 - 第一周测验【中英】

    [吴恩达课后测验]Course 1 - 神经网络和深度学习 - 第一周测验[中英] 第一周测验 - 深度学习简介 和“AI是新电力”相类似的说法是什么? [  ]AI为我们的家庭和办公室的个人设备供电 ...

  5. 第一周python入门

    第一编程语言的分类: 1.机器语言  二进制编程 直接操作硬件 优点:执行速度快 缺点:开发效率低   面向机器编程 2.汇编语言 英文标签代替一串特定的二进制,直接操作硬件 缺点开发效率低   面向 ...

  6. 程序设计入门-C语言基础知识-翁恺-第一周：简单的计算程序-详细笔记（一）

    目录 第一周:简单的计算程序 1.1 第一个程序 Hello World! 1.2 变量 1.3 计算 1.4 编程作业及课后讨论 第一周:简单的计算程序 1.1 第一个程序 Hello World! ...

  7. 关于天津中软国际ETC培训中心的见与闻

    半个月的时间转眼即逝,在中软国际天津ETC的实训的两个星期就这样过去了,在中软国际天津站的这段时间也收获了非常多.明确了非常多,了解了很多关于社会就业的知识以及关于软件培训的一些事情.尽管我的了解可能 ...

  8. 201871010105-曹玉中《面向对象程序设计（Java）》第一周学习总结

    201871010105-曹玉中<面向对象程序设计(Java)>第一周学习总结 项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这 ...

  9. 软工作业-----Alpha版本第一周小结

            软工作业-----Alpha版本第一周小结   Part1.第一周周计划记录 姓名 学号 周前计划安排 每周工作记录 自我打分 yrz(队长) 1417 1.进行任务分析 2.任务分配 ...

随机推荐

  1. Oracle如何实现创建数据库、备份数据库及数据导出导入的一条龙操作

    Oracle中对数据对象和数据的管理,无疑都是使用PL/SQL Developer来进行管理,该工具也提供给我们很多方便.快捷的操作,使得我们不再为Oracle本身丑陋.难用的UI而抱怨.由于我们一般 ...

  2. PL/SQL重新编译包无反应

    前几天碰到一个有趣的事情:早上同事执行一个包很久没有反应,就中断了执行,发邮件让我帮忙查看具体情况,我用PL/SQL Developer登录后,找到这个包的过程中发现这个包的图标有红色叉叉,也就是说这 ...

  3. 解决问题：The context cannot be used while the model is being created

    使用Entity Framework (v6.1.3)突然遇到这个问题了,之前一直好好的,怎么破? 此处省略了多次在“好”与“坏"的项目中试验的过程(苦啊),直接给出答案.答案是:没有按Db ...

  4. 聊下 git remote prune origin

    在你经常使用的命令当中有一个git branch –a 用来查看所有的分支,包括本地和远程的.但是时间长了你会发现有些分支在远程其实早就被删除了,但是在你本地依然可以看见这些被删除的分支. 你可以通过 ...

  5. SQL Server 2008 R2——查找最小nIndex,nIndex存在而nIndex+1不存在 求最小连续数组中的最大值

    =================================版权声明================================= 版权声明:原创文章 谢绝转载  请通过右侧公告中的“联系邮 ...

  6. Spring MVC拦截器+注解方式实现防止表单重复提交

    原理:在新建页面中Session保存token随机码,当保存时验证,通过后删除,当再次点击保存时由于服务器端的Session中已经不存在了,所有无法验证通过. 注,如果是集群的方式,则需要将token ...

  7. Android开发究竟用什么工具，Eclipse||AS

    所谓公欲善其事必先利器,那就让我们来看一下android的开发工具吧,安卓的开发工具有Eclipse和Android Studio,另外还有IntelliJ IDEA,可能很多人并不知道. 首先看一下 ...

  8. mysqldump 备份命令使用中的一些经验总结

    mysqldump的一个小坑(自测) 正文:经常使用接触mysql复制功能的朋友应该对mysqldump命令不陌生吧,鄙人最近也在研究学习这一块的内容,经过几天的测试,发现mysqldump使用中容易 ...

  9. 【原】HTML5 新增的结构元素——能用并不代表对了

    做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.html ...

  10. 第1章 重构，第一个案例（2）：分解并重组statement函数

    2. 分解并重组statement (1)提炼switch语句到独立函数(amountFor)和注意事项. ①先找出函数内的局部变量和参数:each和thisAmount,前者在switch语句内未被 ...