南大软院大神养成计划第五天

原创 2015年11月20日 19:43:05
           今天学习的不多,就来总结一下前些天的学习内容吧。方便查询和温习。
            首先,设置网页布局的基本要素,<html><head><meta><title ></title></head>  <body></body></html>。
            其次,定义网页内容。内容统统写在<body></body>之间,
                   主要在<p><hx>标签内定义文本,<p>为段落标签,<hx>为标题标签;
类似代码中的标点符号有<br>、<hr>、&nbsp;,<br>分行,<hr>添加水平线,&nbsp;添加空格;
引用类文本,用<q><或<blockquote>>分别进行对短文本和长文本的引用,<q>自动添加双引号,<blockquote>标签的解析为缩进样式;
地址类文本用<address>来使字体倾斜,区别于正文内容;
代码类文本的添加要用到<code><pre>标签,<code>添加一行代码,<pre>添加多行代码,且被包围在 pre 元素中的文本通常会保留空格和换行符;
排序类文本,分有序和无序两类,分别用<ul><ol>标签来定义,<li>为每个序列的的标签;
需要修饰的文本类,用<strong><em>对文本内容进行强调,在浏览器的显示中,<em> 默认用斜体表示,<strong> 用粗体表示。 <span>则是为文字单独设置样式;
表格类文本,用<table>来标记表格,<caption>用来定义表格的标题,会自动被加粗,<th>为表头,<tr>表示表格的行,<td>表示表格的列,<tr><td>配套使用,一行中有几列,就在<tr>标签中写几组<td>标签;
超链接文本类,用<a>标签来实现,使用<a>标签的链接会自动变色,在标签里要有链接,具体代码应是"<a  href="目标网址"  title="鼠标滑过显示的文本"  target="_blank">链接显示的文本</a>",其中,target="_blank"用来在新建浏览器窗口中打开该链接,也就是跳转页面,<a>是实现网页与网页之间相连的重要标签 ;
图片类文本,<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">,在该标签内也可以用height和width来设置图片的高度和宽度,是图片与整个网页相适应;
表单类文本,表单是实现用户与浏览器交互的重要内容,用<from>来标记表单,<from>中需要有method来确定传送方式为get还是post,post具有较高的安全性,所以一般情况下都用post;<input>用来定义表单中的各种内容,<input>中要有type来确定表单中显示的文本形式,比如text文本输入框、password密码输入框,name为文本框命名;表单中的文本输入,除了text/password这类的输入框外,还有<textarea>这个文本域标签,用来输入多行文本,文本域的大小用cols/rows来定义列与行;表单中为了用户方便,往往还设有选框,这些选框属性分为单选框和双选框,radio和checkbox是他们的type,还有下拉列表框,<selected><option value="">;表单的结束是提交按钮和充值按钮的设定,分别为submit和reset。

                   有了这些标签内容的文本可以用<div>括起来,每个<div>里都放置一个文本,此时<div>标签的作用就相当于一个容器,使不同文本有自己的区域,再用id属性来为其命名,方便识别,也为之后的CSS定义起到铺垫作用。

                                                                 值得注意的是,以上标签使用时,均为双标签。

          


dw与sublime的区别 --南大软院大神养成计划

学习第一天,学习了dw与sublime,dw是一个可视化的web编辑器。而sublime是一个类似记事本的编辑器。dw的优点就是傻瓜式编程。操作dw就跟操作word等一样。不用牢记代码。并且即操作即可...
  • u013175229
  • u013175229
  • 2015年11月16日 21:47
  • 1060

大神的ACM训练计划(详细)

看完人家的博客,发现任重道远。。。 一位高手对我的建议: 一般要做到50行以内的程序不用调试、100行以内的二分钟内调试成功.acm主要是考算法的 ,主要时间是花在思考算法上,不是花在写...
  • victordiao
  • victordiao
  • 2016年07月21日 11:36
  • 3970

西南大学网络与继续教育学院课程考试试题卷

西南大学网络与继续教育学院课程考试试题卷   类别: 网教   专业: 计算机科学与技术、计算机教育 2013年 12月 课程名称【编号】:  多媒体技术  【 0165】          T...
  • jaray
  • jaray
  • 2013年11月26日 09:14
  • 13293

南大软院大神养成计划——第五天

今天是南大软院大神养成计划实施的第五天,今天终于学习完了HTML和css基础,这速度,我觉得还好吧,毕竟我也是有基础的人。今天学习了"HTML和css基础"的最后一部分——实践部分。在这个部分,主要讲...
  • qq_23418043
  • qq_23418043
  • 2015年11月20日 22:35
  • 240

”南大软院大神养成计划“_第五天的学习“

今天学习的内容还是HTML+CSS基础课程,知道了如何把制作一个表格,知道了如何为网页插入图片,知道了如何使用表单,如何使用标签实现超链接。现在来回忆下是否记得这些。     创建一个表格,创建表格...
  • wu767439815
  • wu767439815
  • 2015年11月20日 18:09
  • 137

南大软院大神养成计划——第一天学习心得

今天是南大软院大神养成计划开始的第一天,在参加这次活动之前,我犹豫了很久到底要不要参加此次计划,因为我对成为一名web前端开发不是很感兴趣,我更感兴趣的是嵌入式开发,但是后面经过室友的鼓励,我还是选择...
  • qq_23418043
  • qq_23418043
  • 2015年11月16日 22:32
  • 412

南大软院大神养成计划-Web前端入门学习归纳第二天-认识前端开发工具Dreamweaver(2)

接上篇 五、智能提示功能 DW对各种不同的语言文件的各种标签、CSS文件的各种属性、编写代码时的各种操作、JAVAscript语言中的函数关键字等都有提示,对语法错误也会立即在行号上有提示,这些对...
  • zhouhanyuxi
  • zhouhanyuxi
  • 2015年11月17日 23:57
  • 335

南大软院大神养成计划实施——第八天

今天是南大软院大神养成计划实施第八天。又是一个星期的开始,今天学习的内容主要是DOM探索之基础详解篇的前3章,因为在上课外加其他事情,这部分的知识也是新知识,所以今天就没有学习完这部分的知识,只是学习...
  • qq_23418043
  • qq_23418043
  • 2015年11月23日 17:14
  • 372

南大软院大神养成计划——HTML和CSS基础课程(一)

学习小结   今天为学习的第三天,主要学了如何使用表单标签,与用户交互。表单作用:把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。 语法: 讲解:1.标签是成对出现...
  • frosting_sky
  • frosting_sky
  • 2015年11月20日 21:25
  • 198

南大软院大神养成计划--第四天单/复选框与文字对齐问题

大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复...
  • aa843211112
  • aa843211112
  • 2015年11月19日 23:41
  • 205
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划第五天
举报原因:
原因补充:

(最多只允许输入30个字)