为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • method="get/post",两种方式的区别 Form中的get和post方法,在数据传输过程中分别对应了GET和POST方法。 二者主要区别如下: 1、Get将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;Post是将表单中的数据放在form的数据体中,按照变量和值相对应的方式,传递到action所指向URL。 如下形式: http://www.imooc.com/test.asp?name=lilian&password=12345678 2、Get是不安全的,因为在传输过程,数据被存放在请求的URL地址中,这样就可能会有一些隐私的信息被第三方看到。 3、Get方式传输的数据量非常小,一般限制在 2KB 左右,但是执行效率却比 Post 方法好;而 Post 方式传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进行恶意攻击,根据微软方面的说法,微软对用 Request.Form()可接收的最大数据有限制,IIS4中为 80KB 字节,IIS5 中为 100KB 字节。 综上所述,请尽量用 Post 方法。
    查看全部
  • 插入本地图片的方法:在本地,将图片和你所写的网页放在一个路径下,在网页中写路径的时候直接写图片的名称.格式就可以了,或者将图片的绝对路径贴在img的src中也可以
    查看全部
    0 采集 收起

    2014-11-24

  • 认识标签,为网页插入图片 在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用标签来插入图片。 语法: <img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="下载失败时的替换文本" title="提示文本" /> 举例: <img src="myimage.gif" alt="My Image" title="My Image" /> 讲解: 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • 浮动模型 块状元素这么霸道都是独占一行,如果现在我们想让两个块状元素并排显示,怎么办呢?不要着急,设置元素浮动就可以实现这一愿望。任何元素在默认情况下是不能浮动的,但可以用CSS定义为浮动,如div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。 div{ width:200px; height:200px; border:2px red solid; float:left; } <div></div> <div></div> 效果图 当然你也可以同时设置两个元素右浮动也可以实现一行显示。 div{ width:200px; height:200px; border:2px red solid; float:right; }
    查看全部
  • 流动模型(二) 第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行) 右侧代码编辑器中内联元素标签a、span、em、strong都是内联元素。
    查看全部
  • 语法: 注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。 例子:
    查看全部
  • 流动模型(一) 先来说一说流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div,h1,p)宽度显示为100%。
    查看全部
  • CSS包含3种基本的布局模型,用英文概括为:Flow、Layer 和 Float。 在网页中,元素有三种布局模型: 1、流动模型(Flow) 2、浮动模型 (Float) 3、层模型(Layer)
    查看全部
  • 语法: type:只有当type值设置为reset时,按钮才有重置作用 value:按钮上显示的文字
    查看全部
  • "&nbsp"的后面一定要带上【分号;】!!!
    查看全部
  • 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
    查看全部
  • 在html中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。在html文本中想输入回车换行,就必须输入<br />!!!下面的代码在浏览器中显示是没有回车效果的: ——代码: <h2>《咏桂》</h2> <p> 暗淡轻黄体性柔, 情疏迹远只香留。 何须浅碧深红色, 自是花中第一流。</p> ——浏览器上的效果是: 《咏桂》 暗淡轻黄体性柔, 情疏迹远只香留。 何须浅碧深红色, 自是花中第一流。
    查看全部
  • 1、<blockquote>和</blockquote>中间的内容是不需要加双引号的!!!!但是,它跟<q>标签不太一样,它不会自动添加双引号。所以,最终的效果就是——左右两端均缩进+没有双引号 2、不要忘记<q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。而</q></q></q><blockquote>的作用也是引用别人的文本,但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 3、浏览器对<blockquote>标签的解析是【缩进样式】——左右两端都缩进。</blockquote></blockquote>
    查看全部
    0 采集 收起

    2018-03-22

  • en,是的
    查看全部
  • 1、注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号,并且这个双引号是【英文状态下的双引号】; 2、注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。</q>
    查看全部
    0 采集 收起

    2018-03-22

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!