html+css基础知识点

html+css基础知识点

ID:6458893

大小:214.50 KB

页数:11页

时间:2018-01-14

html+css基础知识点_第1页
html+css基础知识点_第2页
html+css基础知识点_第3页
html+css基础知识点_第4页
html+css基础知识点_第5页
资源描述:

《html+css基础知识点》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、HTML+CSS笔记1.学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。(1)HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。(2) CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。(3)JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是

2、用JavaScript来实现的。2.添加样式如:h1{font-size:12px;color:#930;text-align:center;}3.(1)

就是标题标签;

是段落标签;

我的第一个段落

我的第二个段落

(2)标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:
里嵌套

,那么

必须放在
的前面。4.(1)称为根标签,所有的网页标签都在

3、html>中。(2)标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、<script>、 <style>、<link>、 <meta>等标签(3)在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。5.head部分的标签<head><title>...6.7.需要强调的文本,在浏览器中默认用斜体表示需要强调的文本用粗体表示:一个想要成名名叫尼克•卡拉威(托比•马奎尔TobeyMaguire饰)的作家8.强调标签比较标签是为了强调一段话中的关键字时使用,它们的语义是强调。标签是没有语义的,它的作用就是为了设置单独的样式用的。注:9.标签,短文本引用

5、引用文本“庄生晓梦迷蝴蝶。望帝春心托杜鹃。”这是一句诗歌,出自晚唐诗人李商隐的《锦瑟》。因为不是作者自己的文字,所以需要使用实现引用。注意:要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。庄生晓梦迷蝴蝶。望帝春心托杜鹃。

10.
标签,长文本引用
引用文本
11.使用
标签分行显示文本需要加回车换行的地方加入

标签作用相当于word文档中的回车

暗淡轻黄体性柔,
情疏迹远只香留。<

6、br/>何须浅碧深红色,
自是花中第一流。


标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有

。总结:在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入
。11.空格:要想输入空格,必须写入 语法: 12.认识
标签,添加水平横线13.
标签,为网页加入地址信息
联系地址信息
14.使用加入一行代码

7、代码语言;注:如果是多行代码,可以使用

标签。
语言代码段
标签的主要作用:预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。15.使用ul,添加信息列表(无序列表):如下图
  • 信息
  • 信息
  • ......
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点16.使用
    制作有序列表如下图:
    1. 信息
    2. 信息
    3. ......
    17.
    板块

    8、="版块名称">…

    18.认识table标签,认识网页上的表格创建表格的四个元素:table、tbody、tr、th、td(1)…
    :整个表格以标记开始、
    标记结束。(2)
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。