HTML&CSS设计与构建网站
2020年10月27日
目录
HTML
1. 结构
2. 文本
3. 列表
4. 链接
5. 图像
6. 表格
7. 表单
8. 其他标记
9. Flash、视频和音频
CSS
1. CSS简介
2. 颜色
3. 文本
4. 盒子
5. 列表、表格和表单
6. 布局
7. 图像
8. HTML5布局
建站过程和设计方法
实用信息
其他
HTML
1. 结构
元素:<h1>A Heading</h1>
标签:<h1>、</h1>
HTML代码:位于<html>与</html>之间的所有内容都是HTML代码
页面信息:<head>与</head>之间包含了有关这个页面的一些信息
主窗口:<body>与</body>之间的所有内容都会显示在浏览器主窗口中
特性:提供有关元素中内容的附加信息
2. 文本
标记:分为结构化标记和语义化标记
粗体和加粗:<b>、<strong>两者均显示为粗体,<strong>常用于加重
语气
斜体和强调:<i>、<em>两者均显示斜体,<em>元素起强调作用
上标和下标:4<sup>th</sup>表示4
th
,CO<sub>2</sub>表示CO2
空格:
引用:
<blockquote>:较长的引用
<q>:较短引用,IE浏览器不会在引用两旁添加引号,回避
使用
两者都可以用cite特性表明引用的来源
缩写词:HTML5中,不论缩写词还是首字母缩写词都只使用<abbr>元
素,title特性用来指定相应词汇的完整形式
引文和定义:表明引文<cite>一部电影</cite>,表明定义<dfn>新术语
</dfn>,这两个元素通常显示为斜体
设计者信息:<adress>用于包含设计者信息,通常显示为斜体
内容修改:
<ins>:已插入,显示为下划线
<del>:已删除,显示为删除线
<s>:应删除,显示为删除线
<u>:下划线,逐渐淘汰
3. 列表
有序列表:<ol> <li>first</li> <li>second</li> </ol>
无序列表:<ul> <li>first</li> <li>second</li> </ul>
定义列表:<dl> <dt>first</dt> <dd>the no.1</dd> </dl>
嵌套列表:可在<li>元素中放入嵌套列表
4. 链接
表示:<a href="http://www.">IMDB</a>
分类:
指向其他网站:使用绝对URL
指向同一网站的其他页面:使用相对URL
相对URL:相对于当前文件的位置
相同文件夹:reviews.html
子文件夹:music/listings.html
孙子文件夹:movies/dvd/reviews.html
父文件夹:../index.html
祖父文件夹:../../index.html
email链接:<a href="mailto:12345678@qq.com">A Email</a>
在新窗口中打开链接:特性target="_blank"
链接到当前页面的某个特定位置:<h1 id="top">Terms</h1> <a