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

最新推荐文章于 2019-05-27 20:12:26 发布

jx370

最新推荐文章于 2019-05-27 20:12:26 发布

阅读量348

点赞数

本文链接：https://blog.csdn.net/jx370/article/details/49943655

版权

           今天学习的不多，就来总结一下前些天的学习内容吧。方便查询和温习。
            首先，设置网页布局的基本要素，<html><head><meta><title ></title></head>  <body></body></html>。
            其次，定义网页内容。内容统统写在<body></body>之间，

主要在<p><hx>标签内定义文本，<p>为段落标签，<hx>为标题标签；

类似代码中的标点符号有<br>、<hr>、 ，<br>分行，<hr>添加水平线， 添加空格；

引用类文本，用<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定义起到铺垫作用。

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