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

原创 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定义起到铺垫作用。

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

          


相关文章推荐

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

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

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

和很多人不一样,我在此之前是并没有过接触过任何web设计的编程语言的。可能就是因为这样,当今天看见imooc上的代码时,会有点不太适应。是的,我没想到过,居然可以在浏览器里写程序,这确是打破了我之前的...

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

今天是南大软院大神养成计划实施的第九天,今天学习的主要内容是DOM探索之基础详解篇的剩余两章内容,最后两章内容主要讲解的是“如何判断节点元素类型”和“继承层次和嵌套规则”。 先讲讲“如何判断节点元素...

南大软院大神养成计划--day17

今天学习的是Servlet路径跳转。 1: 使用相对地址(小例子) : 这里面用的是相对路径访问HelloServlet。 这里面的servlet是工程的包名,HelloServlet是类名,这里注意...
  • TimeSea
  • TimeSea
  • 2015年12月02日 13:37
  • 186

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

今天是南大软院大神养成计划实施的第十二天,今天学习的内容是DOM事件探秘部分的最后部分——事件类型。事件类型从来大类来分可以分为鼠标事件和键盘事件。 先说说鼠标事件,鼠标事件可以分为click,ov...

南大软院大神养成计划--第四天JavaScript

今天开始学JavaScript (以下是归纳) JavaScript document.write() 输出内容(相当C语言里的printf) var 变量名 ...

南大软院大神养成计划--网站

(1)在制作之前进行首页布局分析,弄清盒子之间的关系,分为顶部,LOGO区,导航区,大图广告区,之后一般分为3个区按功能规划,底部版权区。(2)页面头部制作,分析头部结构,分析盒子结构,根据功能设计样...
  • hiiiji
  • hiiiji
  • 2015年12月03日 21:20
  • 150

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

参加比赛的第一天 也是第一次写博客 心情是激动地 感觉不要不要的  但是依旧还是要开始的  那么就开始吧  干巴爹 第一天的战况 感觉自己的进度好慢 但是看看...
  • YaKIcoo
  • YaKIcoo
  • 2015年11月16日 23:03
  • 197

初试MVVM框架之React入门【南大软院大神养成计划】

var data = [ {author: "Pete Hunt", text: "This is one comment"}, {author: "Jordan Walke", text: ...

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

今天是南大软院大神养成计划开始的第一天,在参加这次活动之前,我犹豫了很久到底要不要参加此次计划,因为我对成为一名web前端开发不是很感兴趣,我更感兴趣的是嵌入式开发,但是后面经过室友的鼓励,我还是选择...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划第五天
举报原因:
原因补充:

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