好文档 - 专业文书写作范文服务资料分享网站

HTML+CSS基础知识点

天下 分享 时间: 加入收藏 我要投稿 点赞

HTML+CSS笔记

1.学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。

(1)HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文

字、图片、视频等。

(2) CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框

等。所有这些用来改变内容外观的东西称之为表现。

(3)JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景

颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

2.添加样式如:

3.(1)

就是标题标签;

是段落标签;

我的第一个段落

我的第二个段落

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

里嵌套

,那么

必须

放在

的前面。 4.(1) 称为根标签,所有的网页标签都在中。 (2)标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、<script>、 <style>、<link>、 <meta>等标签 (3)在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。 5.head部分的标签 <head> <title>... 6.

7. 需要强调的文本,在浏览器中 默认用斜体表示 需要强调的文本 用粗体表示:一个想要成名名叫尼克?卡拉威(托比?马奎尔Tobey Maguire饰)的作家 8. 强调标签比较 标签是为了强调一段话中的关键字时使用,它们的语义是强调。 标签是没有语义的,它的作用就是为了设置单独的样式用的。 注: 9. 标签,短文本引用 引用文本

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

10.
标签,长文本引用
引用文本
11.使用
标签分行显示文本

需要加回车换行的地方加入

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

暗淡轻黄体性柔,

情疏迹远只香留。
何须浅碧深红色,

自是花中第一流。


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


。 总结:在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入
。 11.空格:要想输入空格,必须写入  语法:  12.认识
标签,添加水平横线

13.

标签,为网页加入地址信息

联系地址信息
14.使用加入一行代码 代码语言; 注:如果是多行代码,可以使用
标签。
语言代码段
 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。 15.使用ul,添加信息列表(无序列表):如下图 

  • 信息
  • 信息
  • ......
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点 16.使用
    制作有序列表 如下图:

    1. 信息
    2. 信息
    3. ......
    17.
    板块

    (1)

    :整个表格以标记开始、
    标记结束。 (2)…:当表格内容非常多时,表格会下载一点显示一点,但如果加上标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 (3)…:表格的一行,所以有几对tr 表格就有几行。 (4)…:表格的一个单元格,一行中包含几对...,说明一行中就有几列。 (5)…:表格的头部的一个单元格,表格表头。 (6)表格中列的个数,取决于一行中数据单元格的个数。 19.caption标签,为表格添加标题和摘要

    摘要:摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引

    擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

    标题:用以描述表格内容,标题的显示位置:表格上方。 语法:

    标题文本 20.使用标签,链接到另一个页面

    语法: 例如:

    标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。 如下代码: click here! 22.使用mailto在网页中链接Email地址 标签还有一个作用是可以链接Email地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:

    注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 下面是一个完整的实例:

    23.认识标签,为网页插入图片

    语法:

    语法:

    HTML+CSS基础知识点

    HTML+CSS笔记1.学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。(1)HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。(2)CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有
    推荐度:
    点击下载文档文档为doc格式
    • 正文标题

    • 上下篇章

    • 相关推荐

    • 精选图文

    41diw3gzy87g2499ip734mu7526k9200fqu