HTML基础学习

1：我们在网上添加图片的时候最好是缩略图，而不是直接在代码中限制图片的大小。可以为了用户减少流量。Alt=""属性是为了让图片在现实不出来时显示的文字，Title=""是我们鼠标放在图片上面显示的。

2：边框是标签style="border:1px solid red;";

这里如果是我们直接写个边框，只是会默认的把边框的颜色设置为白色，但是后面的那个solid red就是将颜色设置为红色的。

3：我们在<head></head>标签中设置的<meta />标签，一个作用是让用户可以在浏览器中搜索到网页，另一个是设置编码格式。告诉浏览器应该使用那个编码格式来解析网页内容。

  1. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

4:有序列表

<ol>

<li>你好</li>

<li>我好</li>

<li>他好</li>

<li>世界好</li>

</ol>

这里的格式默认的是:1234，我们可以通过属性type来修改前面的顺序。

若是将其换位type='I"这里前面就是大写的.

5:关于表格<table></table>

一些常规的知识点我们应该知道，<tr>表示行，<td>表示列。这里面有两个属性需要我们知道，cellspacing:表示表格之间的间距，而cellpadding表示每个表格内部的空间大小。

  1. <table border=""width=""height="">
  2.  <tr>
  3.     <td>1</td>
  4.     <td>2</td>
  5.     <td>3</td>
  6.  </tr>
  7.  <tr>
  8.     <td>1</td>
  9.     <td>2</td>
  10.     <td>3</td>
  11.  </tr>
  12. </table>

这是刚开始的样式，是这样子的。我们加上属性cellspacing和cellpadding之后再看。

先添加cellspacing="20截图如下，我们发现每个小表格之间的间距变化了，"

这个效果我们知道了cellspacing属性的作用，而cellpadding属性是调节表格内容的距离的。

我们可以发现它内部的数字变化了，每个数字对于内部的距离是一定的。还有border="1"是表示边框的粗细线的。

合并单元格的做法:

是通过colspan="数字"和rowspan="数字"来实现的最终的效果。这里的数字是我们需要和并的单元格之间的相对的位置，位置是几，数字就写几就行。

水平对齐方式：align:left.right.center.

垂直对齐方式：valign:top.middle.bottom

表格的居中有个algin属性，这个写在<table>里面的，指示将表格全部居中显示。

6：表单form

<form>标签为表单标签，如果需要数据提交服务器，则需要将<input><textarea><select>等表单元素放到form中。Type的可选值：submit(提交按钮)file(文件选择框),image(图片按钮)，password(密码框)，radio(单选按钮)，reset(重置按钮),text(文本框),关于表单，我们知道只有表单元素才可以有name，并且name可以重复的。Name的属性是为了提交数据而我们的id属性的目的主要为了在客户端，可以通过js语言来操作某个元素。

7：html不存在数据类型，所以不存在ture，false的说法。我们可以设置某个属性为只读属性，就是添加属性readonly="readonly",就是让其不能输入值，也可以将其设置为禁用属性，disabled="disabled";这里禁用的标签是不会提交到服务器的，只读的可以提交。

8：get方法提交是把数据封装成了通过&连接键值对的方式，通过浏览器的地址栏，提交到服务器的，因为它请求的地址长度是有限的，所以不能通过get方式来提交文件，而且其在url中，是非常不安全的，对于post提交是封装到了数据报文中，一般是看不到数据的，是以报文的格式往服务器发送东西的。格式也是通过&的方式以键值对的形式连接起来的，不再浏览器的URL中，相比较而言是安全的。但是人家通过一般的工具也是可以截获数据的，我们要想安全，必须使用https协议来提交，这个是安全的，因为他对报文封装前进行了加密，即使获取到数据，也是加密的数据。

9：图片滚动效果。<marquee></marquee>

可以通过这个标签来让图片进行滚动。里面的属性有direction="方向"设置其滚动的方向。Behavior是设置其单次还是来回滚动。Scrolldelay:滚动的速度，单位为毫秒数，默认为85.

10：<div>，<span>都是框，是块，层的东西，可以进行设计。把元素放到div中就是为了进行统一的设置，我们可以通过<div>来进行简单的局部的设计。来使用css来很是方便。

HTML基础—插曲的更多相关文章

  1. JavaScript基础插曲---apply，call和URL编码等方法

    Js基础学习 Js的压缩: 就是利用js的语法格式通过缩短变量名,去掉空格等来进行压缩. Apply和call的使用 1:apply方法:应用某一对象的方法,用于一个对象替换当前对象.主要是改变thi ...

  2. JavaScript基础插曲-练习

    Javascript基础学习 eg:利用正则表达式来去掉空格. 1:msg=' Hello ': <script type="text/javascript">     ...

  3. JavaScript基础插曲—元素样式，正则表达式，全局模式，提取数组

    JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() ...

  4. JavaScript基础插曲—获取标签，插入元素，操作样式

    Js基础 1:document.write() 这个是动态创建元素内容,利用js.这个可以利用js来创建元素,文本,标签等,document.write()与document.writeln()的区别 ...

  5. JavaScript基础—插曲02

    Js学习基础 1:关于js中的数组 这里面可以是键值对的形式来存储的,我们必须利用forIn来输出,这就相当于foreach一样. var dir = new Array(); dir['0'] = ...

  6. JavaScript基础—插曲

    Javascript基础 1:js中我们最好使用单引号,其实可以使用双引号的但是为了区别所以js中全部使用单引号.注释和C#的是一样的.网页里面的执行顺序是从上到下依次执行的,不管你js放到哪里,都会 ...

  7. CSS基础-插曲

    CSS学习 1:通过css来设置边框的颜色 我们可以通过border:10px solid red;来统一的设置颜色,但是我们有的时候需要每个边框的颜色不一样,我们就需要通过各自设置的方法来设置边框的 ...

  8. 小插曲之变量和字符串 - 零基础入门学习Python003

    小插曲之变量和字符串 让编程改变世界 Change the world by program 变量 (此处只是省略N多细节,详细通过视频学习) 变量名就像我们现实社会的名字,把一个值赋值给一个名字时, ...

  9. 零基础入门学习Python（3）--小插曲之变量和字符串

    前言 小甲鱼说,在对前边的小游戏改善前,先了解下,Python中的变量与字符串. 主要内容 变量 变量名就像我们现实社会的名字,把一个值赋值给一个名字时,Ta会存储在内存中,称之为变量(variabl ...

随机推荐

  1. 用“MEAN”技术栈开发web应用（一）AngularJs前端架构

    前言 不知何时突然冒出“MEAN技术栈”这个新词,听起来很牛逼的样子,其实就是我们已经熟悉了的近两年在前端比较流行的技术,mongodb.express.angularjs.nodejs,由于这几项技 ...

  2. Java提高篇（三六）-----Java集合细节（二）：asList的缺陷

    在实际开发过程中我们经常使用asList讲数组转换为List,这个方法使用起来非常方便,但是asList方法存在几个缺陷: 一.避免使用基本数据类型数组转换为列表 使用8个基本类型数组转换为列表时会存 ...

  3. java提高篇（二九）-----Vector

    在java提高篇(二一)-–ArrayList.java提高篇(二二)-LinkedList,详细讲解了ArrayList.linkedList的原理和实现过程,对于List接口这里还介绍一个它的实现 ...

  4. [硬件项目] 2、汽车倒车雷达设计——基于专用倒车雷达芯片GM3101的设计方案与采用CX20106A红外线检测芯片方案对比

    前言 尽管每辆汽车都有后视镜,但不可避免地都存在一个后视镜的盲区,倒车雷达则可一定程度帮助驾驶员扫除视野死角和视线模糊的缺陷,提高驾驶安全性.上一节已经分析清倒车雷达的语音模块(上一节),本节将深入分 ...

  5. 汇编 int10h（转）

    原文:http://www.cnblogs.com/magic-cube/archive/2011/10/19/2217676.html INT 10H 是由 BIOS 对屏幕及显示器所提供的服务程序 ...

  6. 关于js内部运行机制的一本好书

    读<单页Web应用一书>,第二章讲了js内部运行机制,感觉棒极了.之前读<你不知道的js>,看的云里雾里,似懂非懂.没想到单页Web一书将此内容讲的如此通俗易懂,好多困惑已久的 ...

  7. HTML学习入门

    HTML(元素.属性) HTML: 超文本标记语言   1. 超文本即为带有链接属性的文本  2.标记即为标签 一.body属性: bgcolor:页面背景颜色 text:文字颜色 backgroun ...

  8. Atitit 拦截数据库异常的处理最佳实践

    Atitit 拦截数据库异常的处理最佳实践 需要特殊处理的ex 在Dao层异常转换并抛出1 Server层转换为业务异常1 需要特殊处理的ex 在Dao层异常转换并抛出 } catch (SQLExc ...

  9. 【管理心得之三十二】PMP杂谈---------爱情必胜术

    这次一反常态,没有场景设计,我想借此文普及一下PMP是什么? 但我不知道这样枯燥的话题能否能引起你的兴趣,我不得不套用“标题党”<爱情必胜术>来博你眼球. 我真没有说谎,此文是献给那些孤身 ...

  10. PHP_01之PHP概述、数据、语法

    1.定义:PHP Hypertext Preprocessor,超文本预处理器,服务器端脚本语言:2.环境:WAMP:Window+Apache+PHP+MySQL: LAMP:Linux+Apach ...