复习上学期的HTML+CSS（1）
2018-06-24 02:21:42来源：未知 阅读 ()
自己跟着网上教程复习上学期的HTML+CSS，因为已经忘得差不多了，而且现在学的js也要以HTML+CSS为基础，坚持每天持续更新。
n B/S 网络结构
Browser/Server 浏览器/服务器，这是现在最流行的网络模式。如新浪网、凤凰网等。
C/S Client/Server 客户端/服务器。最关键的地方，在自己电脑上安装一个客户端软件，通过客户端访问服务器。QQ
n HTML 简介
HTML Hypertext Markup Language 超文本标注语言。
HTML是一种规范，是一种标准，编写网页的一种标准。
超文本：就是网页上不光有文本，还有图片、音乐、视频等。
标注：是一种记号，是一种标志。如：红绿灯。
语言：这里的“语言”就是代码，跟所谓“程序语言”一点关系都没有。
HTML的主要目的：就是用来显示网页的不同效果，不同部分。如：<b>文本</b>
n HTML文件结构
<html>
<head>
<title>新浪首页</title>
</head>
<body>
网页正文··、、、、、、
</body>
</html>
HTML文件结构的说明
l <html></html>标记的含义：告诉浏览器，其中的代码用什么格式（图片、视频）来编译。
l <head></head>标记的含义：告诉浏览器，网页中的汉字用什么字符集（GB2312、BIG5、JIS）显示。不使用正确的字符集，网页会出现乱码。GB2312（简体中文）、BIG5（繁体中文）、JIS（日文）、utf-8（多国语言）
l <title></title>中只能是纯文本，任何标记都会原封不动的显示。
l <body></body>是网页主要内容的显示区域，网页中99%的内容都必须放在<body>中，最终浏览器翻译以后，才能看见结果。
l 功能：告诉浏览器，如何翻译汉字
l Content-type：内容类型
l Control：详细内容类型介绍
l Text/html：网页是text格式，html是文本中的小格式
l Charset：字符集，主要控制汉字如何显示
l Utf-8：多国语言编码，什么国家的语言都可以正常显示
n HTML标签格式
HTML标记，大致分两类：（1）双边标记；（2）单边标记
1、 双边标记
双边标记，是指有开始和结束标记，内容放在开始和结束标记之间。如：<b>内容</b>
语法格式：<标签 属性1=“值1” 属性2=“值2”>内容</标签>
“属性”的理解：人的特征（属性）有身高=170cm、体重=70KG、姓名=张三
2、 单边标记
单边标记，只有开始标记，而没有结束标记，单边标记一般是没有内容。如：<br />
单边标记一般起一个特殊的功能。
单边标记常用的有10多个标记。
语法格式：<标签 属性1=“值1” 属性2=“值2” />
n HTML标签编写规范
l HTML标记不区分大小写。如：<font>=<Font>=<fOnt>
l HTML标记属性可有可无，有的标记是没有属性的。如：<html><head><title>等
l 双边标记的内容在开始和结束标签之间，单边标记没有内容。
l HTML标记可以相互嵌套，但一定注意是顺序嵌套，外层套内层，一层套一层
n <body>的常用属性
l bgcolor：网页背景色。如：<body bgcolor=”red”>
l background:网页背景图片地址。如：<body background=”images/1.jpg”>
n HTML文本修饰标记
l <b></b>：加粗bold。如：<b>HTML文件</b>
l <i></i>：斜体italic。如：<i>HTML文本</i>
l <u></u>：下划线underline。如：<u>HTML文本</u>
l <s></s>：删除线strike。如：<s>HTML文本</s>
l <sup></sup>上标。
l <sub></sub>下标。
l <font></font>字体标记
- Size：文本大小，取值1-7。1小，7大
- Color：颜色值。
- Face：字体。楷体、黑体、宋体、微软雅黑
n HTML排版标记
l <p></p>表示一个段落
- 常用属性：align：水平对齐方式，取值：left（左）、center（居中）、right（右）
- 例：<p align=“right”>段落段落段落段落段落段落段落段落</p>
l 换行标记（单边标记）<br />
l 水平线标记（单边标记）<hr />
- Size：水平线的粗细，单位一般为px。
- Color：水平线的颜色。
- Width：水平线的宽度。可以用百分数 %
- Noshade：去掉水平线的阴影（值等于本身）。如：noshade=”noshade”
l <pre>预排版标记
- 功能：将保留所有的空白字符（空格、换行符），换句话说就是原封不动输出。
l 标题标记：<h1></h1>………<h6></h6>
- 功能：定义各种标题
- 属性：align水平对齐，取值：left、center、right。
- 语法：<h1 align=”left | center | right”></h1>
n <div>和<span>标记
<div>是没有任何意义的标记，但是又是使用最多的标记。<div>一般要与CSS配合使用，<div>是一个块元素。
<span>是没有任何意义的标记，但是又是使用最多的标记。<span>一般要与CSS配合使用，<span>是一个行内元素。
（1）块元素
- 块元素一般是单独占一行，
- 块元素有哪些？<div>、<p>、<h1>、<h2>、<pre>等
（2）行内元素
- 行内元素不会单独占一行。
- 行内元素的宽度，主要是根据内容决定。
- 多个行内元素，会排在一行。
- 行内元素有哪些？<font>、<b>、<i>、<u>、<sub>、<sup>等
结论：在标记嵌套时，一般是块元素中嵌套行内元素。
n HTML字符实体
- 空格： 代表一个半角空格。一个汉字是2个字节：1个字节相当于1个半角空格。
- <：<
- >：>
- &：&
- ￥：¥
- ×：×
- ÷：÷
n HTML项目符号
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
- <ul>或<li>的常用属性
- Type：项目符号的类型，取值：disc（小黑点）、circle（空心圆）、square（实心方块）。
注意：在HTML标记中，内容应该放在最底层标记中。
<ul>和<li>是块元素。
n HTML编号列表（有序列表）
<ol>
<li>…………</li>
<li>…………</li>
<li>…………</li>
</ol>
- <ol>或<li>的常用属性
Type：编号类型，取值：1、a、A、i、I
Start：从第几个开始编号（数字）。
n 滚动字幕标记<marquee>（已淘汰）
语法格式：<marquee>滚动的内容</marquee>
常用属性
- Width：滚动宽度
- Height：滚动高度
- Bgcolor：滚动背景色
- scrollAmount：滚动步长值。值越大，滚动越快。
- scrollDelay：两步之间的停留时间，以毫秒单位。1秒=1000毫秒。
- Loop：循环滚动的次数。
- Behavior：滚动的方式。取值：alternate（循环滚动）、scroll（单方向循环滚动）、slide（只滚动一次）
注意：当取值为scroll时，可改变方向（和direction配合使用。Direction：滚动方向，取值：up、down、left、right）
PS：1点了，所有内容都是从自己文档笔记直接复制上来的，有些项目符号显示不出来，还有着重颜色也没有了，将就看吧，觉得有意思的可以联系我发源文档和一些代码例子。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- HTML骨架 2020-06-10
- CSS3 2020-06-05
- HTML+CSS+JS模仿win10亮度调节效果 2020-06-04
- 除了HTML+CSS，高薪web前端还需要会什么技术？ 2020-04-27
- (html+css)云道首页 2020-04-25
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
