html+css入门笔记

教材一《HTML5+CSS3 前端技术——UI设计师与开发人员合作秘籍》（相关网站/uiue）

Html5需要在最前面加上

标签，为键值对应类型

包含网页的摘要信息，文档内容，编码信息，搜索关键词等

在html5中可简写为

搜索关键词

网页描述

标题文字

~

分别从大到小

标题

hn后加属性Align设置网页元素的对齐方式，center居中，LEFT居左和RIGHT 居右

文本段落标签p

段落

段落标签
换行标签

  空格符

标 题

效果为：标题

网页添加水平线（了解标签及属性）

---

Hr标签

预排版标签

jiaod joasdjo
asndouh dnhsao

标签中的内容按照书写格式进行直接输出到网页中，否则将自动归为一行，简化过程，否则需要用到
 等标签，较麻烦

文字标签

可以进行标签套用，优先生效最近的外套标签

这是文字标签展示

隶书加粗 楷书斜体 黑头下划线

这是上标2⁴这是下标x₂

这是要

强调

的两个字

常用字体标签

字体样式

加粗

斜体

删除线

下划线

^上标形式

_{下标形式上面有例子}

比周围字大一号

比周围字小一号

实体引用

就是一些字符不能直接显示，比如©这个，就得用®实现，空格就是个例子 ；

还有很多，双引号大小于号，箭头，商标版权TM分数等等

列表元素

有序列表如下,type为标号类型，1阿拉伯数字Aa大小写字母Ii大小写罗马字

1. 1
2. 2

…

无序列表

标签，无序列表每一项前面都是一个符号，可以使circle圆disc 点square方块none等类型，默认disc

定义列表

一种特殊列表，这样看，相当于一个标题和一段话相互对应

标题

内容

…

Div和span标签

标签中属性和区域控制，赋予指定样式

<标签名属性1=“属性值”属性2=“属性值”…>内容

Eg:

bulabula

div标签

Ps.div标签和p默认有回车换行，标签名不分大小写，属性值不区分大小写，也可以不用引号。

Span标签实现行内块样式，可以赋予特定文本特殊样式，比如在一段话中着重强调几个字，加粗啊下划线什么的

…

加载图片



属性值还有height、weight、align和border，宽高可以设置为固定值或者占外层容器的百分比，对齐方式和边框宽度

超链接标签

连接元素

打开方式可为本窗口（_self）或者新窗口（_blank）父窗口（_parent）顶端(_top)，元素为文字或者图片等，默认本窗口打开。超链接还有一个属性是title，当鼠标悬停的时候弹出的提示信息就是title

#叫锚点链接

用#可以制作热点链接，即在网页中点击此处链接的时候，跳转至对应链接的制定name为#后面的内容上。

Eg：（001.html）………

（002.html）………

点击002中的这个超链接，跳转到001中那个标签的位置

若href=”#”则为空连接

图片链接和热区链接

也用标签，用法如下，点击图片即可跳转到百度页面

图片热区热区就是点击图片的指定区域才会有反应，shape有circle，rect和poly（圆，矩阵和多边形），coords参数都不一样。



Email链接

联系我

还可以链接javascript