关闭

南大软院21天大神养成学习计划-第3天

标签: 南大软院21天大神养成学习计划-第3天
443人阅读 评论(0) 收藏 举报
分类:

今天为学习的第三天,今天学习了认识标签第二部分和第三部分和表单标签,前一天学习的都是关于一些标签的代码,今天也学习了许多的标签,包括了ul-li标签,这是一个列表的标签,这个标签是没有先后顺序的。如果需要有前后顺序的列表那么就需要用到ol-li标签,在制作网页的过程中,可以把一些独立的逻辑部分划分出来放在一个<div>标签中,逻辑部分就是具有某个相同,相互关联的一组元素,有了某个逻辑部分,我们就需要对它命名,用id属性来可以为这个逻辑部分提供唯一的名词,这个名称是唯一标示我们的身份,他也是必须唯一的。这样做的目的只是为了我们能更好的,更直接的看清页面的布局,迅速的为制作方表达它的意思,也能为使用方更快的找到自己所需要的东西,列表标签不足以让我们完全实用,当我们需要制作某个数据或者某个清单,我们需要表格的形式来规划,仅仅靠列表的模式是完全不够的,我们可以用table标签,这代表网页上的表格,创建表格包括四个元素:table、tbody、tr、th、td.其中table 标签是整个表格的开始,tbody是表格的内容,tr为表格的一行,有几队tr表格就代表有几行,td为表格的一个单元格,一行中包含几对td说明一行中有几列,表格内容介绍了,一个完整的表格是需要标题和摘要的,比如某某公司,某某产品的表格,没有标题的话我们就不能更准确的理解表格的含义,<table summary="表格简介文本“><caption>是标题文本,还有一些实用的标签:<a>标签可以实现超链接,比如某个网站,某个文件,这样能够减少版面的排布,更能节省空间,这个打开的超链接默认是在当前浏览器窗口打开,有时候我们需要在新窗口打开的话我们就可以在<a>标签的条件下输入<a href="目标网址" target="_blank">click here!</a>使用mailto可以在网页上连接Email地址,如果有多个参数的时候第一个参数必须以?开头,后面的每一个参数都以&分隔。使用img标签可以为我们的网页插入生动的图片,它的组成代码是<img src="图片地址"alt="下载失败时替换的文本”title="提示文本"其中src标识图像的位置,alt指定图像的描述性文本,title提供在图像可见时对图像的描述。

第五章我学习的是“与浏览者交互,表单标签”我们前面基本了解怎么制作自己的网页,那我们制作成功了我们怎么与别的用户交换,我们可以使用表单标签,它的语法是<form method="传送方式"action="服务器文件>,其中<form> :<form>标签是成对出现的,以<form>开始,以</form>结束。
action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。method : 数据传送的方式(get/post)。当用户要在表单中输入字母,数字等内容时,我们就要用到文本输入框,还有密码输入框,当type="text"输入框为文本输入框,type="password"时,输入框为密码框,我么有时候需要输入多行文本的时候,我们就可以使用<textarea  rows="行数" cols="列数">文本</textarea>,其中<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。cols :多行输入域的列数。rows :多行输入域的行数。在<textarea></textarea>标签之间可以输入默认值。还有一些单选框和多选框的语法,我就不一一来说了

学完了这一节,我们基本可以制作自己的个人网页了,但是对于一些复杂的界面我们还是做不出来的,这也需要我们大家一起往后学下去,

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1785次
    • 积分:74
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章存档
    最新评论