关闭

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

114人阅读 评论(0) 收藏 举报
           今天学习的不多,就来总结一下前些天的学习内容吧。方便查询和温习。
            首先,设置网页布局的基本要素,<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定义起到铺垫作用。

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

          

0
0

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