开发者社区> andyahui> 正文

HTML基础—插曲

简介: HTML基础—插曲
+关注继续查看

HTML基础学习



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

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


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


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


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



4:有序列表

<ol>

<li>你好</li>

<li>我好</li>

<li>他好</li>

<li>世界好</li>

</ol> 

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

679140-20160117141250788-1734351516.png679140-20160117141252038-1081243181.png

679140-20160117141253382-538246271.png679140-20160117141254132-1223824941.png

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



5:关于表格


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


    <table border="1"width="350"height="300">
     <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
     </tr>
     <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
     </tr>
    </table>

679140-20160117141255335-88347132.png

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


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

679140-20160117141256366-785411741.png

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

679140-20160117141257100-637643610.png


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


合并单元格的做法:


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


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


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


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



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.



679140-20160117141258428-461276606.png


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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器ECS登录用户名是什么?系统不同默认账号也不同
阿里云服务器Windows系统默认用户名administrator,Linux镜像服务器用户名root
16451 0
如何设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云安全组设置详细图文教程(收藏起来) 阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程。阿里云会要求客户设置安全组,如果不设置,阿里云会指定默认的安全组。那么,这个安全组是什么呢?顾名思义,就是为了服务器安全设置的。安全组其实就是一个虚拟的防火墙,可以让用户从端口、IP的维度来筛选对应服务器的访问者,从而形成一个云上的安全域。
19808 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
29161 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,大概有三种登录方式:
13575 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
23580 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
20699 0
腾讯云服务器 设置ngxin + fastdfs +tomcat 开机自启动
在tomcat中新建一个可以启动的 .sh 脚本文件 /usr/local/tomcat7/bin/ export JAVA_HOME=/usr/local/java/jdk7 export PATH=$JAVA_HOME/bin/:$PATH export CLASSPATH=.
14900 0
+关注
andyahui
写一些程序员的所思所想,希望对你有帮助。
158
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载