HＴMＬ+CSS笔记
１.学习wｅb前端开发基础技术需要掌握：HTMＬ、CSS、ＪavaSｃriｐt语言。
(1）HTML是网页内容的载体。内容就是网页制作者放在页面上想要让顾客浏览的信息,可以包括文字、图片、视频等。
(２)?ＣＳS样式是体现。就像网页的外衣。例如,标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来变化内容外观的东西称之为体现。
(３)JaｖaScriｐｔ是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色变化。尚有焦点新闻（新闻图片）的轮换。可以这样理解，有动画的,有交互的一般都是用ＪaｖaScriｐｔ来实现的。
2.添加样式如:
styletype=＂ｔext/css
ｈ1{
font-size:12px;
ｃoloｒ：#９30;
texｔ－align:cｅnｔｅr；
｝
/ｓtｙle
3.（1）h1＞/h１就是标题标签;p＜/p＞是段落标签;
ｐ我的第一种段落/p＞
p＞我的第二个段落/p
(2)标签与标签之间是可以嵌套的，但先后次序必须保持一致，如:＜dｉv里嵌套p，那么/p必须放在/div的前面。
４．(１）htｍl＞／htｍl称为根标签,所有的网页标签都在ｈｔmｌ/htmｌ＞中。
(２）heaｄ标签用于定义文档的头部，它是所有头部元素的容器。头部元素有＜ｔiｔlｅ、script、?＜style、ｌink、?meｔa等标签
(3）在＜ｂoｄy＞和／bｏdy标签之间的内容是网页的重要内容，如h1、＜p、ａ、＜iｍg等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
5.ｈead部分的标签
head
tiｔle．.．＜／ｔitｌe
＜meｔa
liｎk
ｓtyle.．．＜/stｙlｅ
scriｐt.．./script＞
/ｈｅad
6．!--注释文字-－＞
7.＜em需要强调的文本/eｍ,在浏览器中＜em＞默认用斜体表达
strｏｎg需要强调的文本/strong，ｓtｒong用粗体表达:一种想要成名名叫＜stｒoｎg＞尼克?卡拉威/sｔrｏｎg(托比?马奎尔TｏbeyMaguire饰）的作家
８.强调标签比较
ｅｍ和＜ｓtｒｏｎg标签是为了强调一段话中的关键字时使用,它们的语义是强调。
＜spaｎ标签是没有语义的,它的作用就是为了设置单独的样式用的。
注:style
span{cｏｌｏｒ:blue;｝／style
９.＜q标签,短文本引用q引用文本／ｑ
“庄生晓梦迷蝴蝶。望帝春心托杜鹃。”这是一句诗歌,出自晚唐诗人李商隐的《锦瑟》。由于不是作者自己的文字,因此需要使用q/q实现引用。
注意:要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
＜q庄生晓梦迷蝴蝶。望帝春心托杜鹃。/p
１0.blｏckquote＞标签,长文本引用ｂlocｋquote引用文本/bloｃkquote
１１.使用＜br/标签分行显示文本
需要加回车换行的地方加入br/,ｂr/标签作用相称于ｗord文档中的回车
p暗淡轻黄体性柔,＜bｒ/
情疏迹远只香留。br/
何须浅碧深红色,＜br/＞
自是花中第一流。/p
br/标签是一种空标签，没有ＨTＭL内容的标签就是空标签，空标签只需要写一种开始标签,这样的标签有br／、hr／和img/＞。
总结：在html代码中输入回车、空格都是没有作用的。在ｈtml文本中想输入回车换行，就必须输入br／。
１1.空格：要想输入空格,必须写入nbsp;语法：＆nbｓp;
1２．认识hr标签，添加水平横线
13.addｒess标签，为网页加入地址信息
aｄdress联络地址信息/ａddｒess
１4.使用＜cｏｄe加入一行代码
cｏdｅ代码语言/ｃode；
注:假如是多行代码,可以使用ｐre标签。ｐｒe语言代码段/prｅ＞
pre标签的重要作用：预格式化的文本。被包围在pre元素中的文本一般会保留空格和换行符。
15.使用ul,添加信息列表（无序列表）：如下图
ul＞
li＞信息/li
＜ｌi信息/lｉ＞
．.....
/ul
ul-lｉ在网页中显示的默认样式一般为：每项li前都自带一种圆点
１６.使用ol＞制作有序列表如下图:
ｏl
ｌｉ信息/li
li＞信息/ｌｉ
..．．..
/ol＞
1７．div板块
div.id＝＂版块名称…＜/div＞
1８．认识ｔａble标签,认识网页上的表格
创立表格的四个元素:taｂｌe、tｂｏdy、tr、th