您的位置：首页 > Web前端

web前端开发-2

2016-03-07 22:31 295 查看

主要讲述了web的四大模块：!DOCTYPE HTML,html，head，body中的body部分。

一、段落与文字

判断动态页面与静态页面的标准是是否存在交互，而并非有视频，flash之类的元素。

本章主要学习：标题标签，段落标签，文本标签，换行标签，水平线标签，特殊符号

1.标题标签：

总共有六个，其中1号最高，然后以此类推：

<h1> *************</h1>
<h2>**************</h2>
.........................
<h6>*************</h6>

2.段落标签：

<p>****************</p>
<p>*****************************</p>
注意：段与段之间会自动空出一行。

3.换行标签：<br/>
<p>******xxxxxxxxxxxxxxx.<br/>**************xxxxxxxxxxxxxx.</p>

4.文本格式化标签

针对文本进行各种格式化，包括粗斜体、上下标等。

5.粗体：或者

<p>***************</p>  //正常；
<b>***********************</b> //粗体文本；
<strong>*****************</strong> //粗体文本。

6.斜体,,

<em>***********</em>

7.上标

<p>(a+b)<sup>2</sup>=*************</p>

8.下标

<p>H<sub>2=**********</p>

9.大号字标签和小号字

<big>******</big>
<small>*************</small>

10.删除线

<p><s>**********</s></p>

11.下划线

<p><u>************</u></p>

12.水平线标签hr(horizon)

语法为：

<p>
<hr/>
</p>

13.div标签

div，又称为division，用来给网页划分区域，显示不同的内容和背景

<body>
<div>
<!--这是第一部分-->
<p>
***********
</p>
</div>
<hr/>                 <!--分割线-->
<div>
<!--this is second part-->
<p>
********************
</p>
</div>
</body>

14.特殊符号

空格：

      <!--牛逼sp-->

其他特殊符号可以代码方式输入，如果可以直接输入也可以。但是诸如美元符号，英镑符号等就只能用代码形式输入了。

15.自闭合标签

诸如换行标签、分割线标签都只有开始没有结束

其他自闭和标签：

<meta/>                   //定义网页说明信息，供搜索引擎查看
<link/>                   //连接外部的CSS文件和脚本
<base/>                   //定义页面所有链接基础定位
<br/>                     //换行
<hr/>                     //水平线
<input/>                  //定义表氮元素
<img>                     //图像标签

16.块元素与行内元素

块元素需要独占一行，并且排斥其他元素。比如段落标签p，标题标签h1-h6；

行内元素则恰恰相反，可以与行内其他元素处于一行，比如加粗标签strong，斜体em等等。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航