web前端开发-2

来源：互联网发布：安卓助手mac 编辑：程序博客网时间：2024/04/27 13:50

主要讲述了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.特殊符号
空格：

&nbsp     <!--牛逼sp-->

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

15.自闭合标签
诸如换行标签、分割线标签都只有开始没有结束
其他自闭和标签：

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

16.块元素与行内元素
块元素需要独占一行，并且排斥其他元素。比如段落标签p，标题标签h1-h6；
行内元素则恰恰相反，可以与行内其他元素处于一行，比如加粗标签strong，斜体em等等。

0 0