资讯专栏INFORMATION COLUMN

Html和Css学习笔记-html基础知识

yzzz / 984人阅读

摘要:我的邮箱地址欢迎大家交流学习纠错此篇博客是我的复习笔记,和学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开的书略读,后记录了标签,元素,属性的具体意义。有些标记有属性,具体格式,以标记为例,其中为标记的属性。

我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错!

此篇博客是我的复习笔记,html和css学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开html的书略读,后记录了标签,元素,属性的具体意义。

这里所介绍的html和css的版本为html5与css3

Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言

Css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来html和xml等文件样式的计算机语言,CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

Html和Css验证工具的地址:http://validator.w3.org/

一.基础内容:

标记=开始标记+内容+结束标记

标记可以嵌套使用,例如:页面主体标记中含有标题标记,段落标记。

有些标记有属性,具体格式,以a标记为例,xxxx其中make为标记的属性。

设计为没有任何内容的元素称为void元素,需要使用void元素时,只需要使用一个开始标记,这是一种方便的简写,可以减少html中的标记数量

二.常用标记的使用与意义:

html5的文档类型定义,这一行要写到html文件开头

标记html页面的开始和结束

标记页面的有关信息

标记指定字符编码,这一行要写到元素中所有其他元素上面

为页面指定一个标题,标记中的内容出现在浏览器的顶部

标记页面的主体内容

中间xxx的内容为注释的内容

编写html时要把首部和页面主体分开

为主标题,从

依次为副标题,字体由大到小

开始一个段落

 
标签定义块引用,之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间


插入一个换行符

标签定义一个短的引用,浏览器经常会在这种引用的周围插入引号

需要了解的内容(一些老版本弃置的元素与不建议使用的元素,做到看见了要明白其含义

    定义一个有序列表

      标签定义无序列表

    • 标签定义列表项目,
    • 标签可用在有序列表 (
        ) 和无序列表 (
          ) 中

          标签定义一个描述列表,
          标签与
          (定义项目/名字)和
          (描述每一个项目/名字)一起使用

          标签告诉浏览器把其中的文本表示为强调的内容,对于所有浏览器来说,这意味着要把这段文字用斜体来显示

          ,bgcolor属性设置页面颜色,text属性设置文本颜色

          xxxx利用font元素改变字体

          对其包围的文本进行水平居中处理

          一些字符实体

          <显示为<

          >显示为>

          ©right显示为©

          三.一个简单的html框架

          
          doctype html>
          <html>
              <head>
                   <meta charset="utf-8">  
                  <title>Hello Wrld!title>
              head>
              <body>
                  <h1>演示文件,页面显示hello world!h1>
                  <p>
                      Hello Wrld !
                  p>
              body>
          html>

          四.在页面中插入一个链接

          用于创建指向其它页面的链接,元素中的内容就是链接文本,在浏览器中链接文本会显示有下划线,指示这是可单击的,例如:

           <a href="(链接目标文件的路径或url)"
          
            title="文本描述">(链接文本)a>

          href属性指向链接文件的路径

          rirle属性所需链接页面的文本描述

          加入id属性用于具体指向某个链接的某个标题,例如:

          <a href="index.html#标识符">xxxxxa>
          并同步页面中的标题,链接所使用的标识符要与标题的标识符设置一致
          <h2 id="标识符">xxxxxh2>

          加入target属性,使浏览器打开链接时为多带带的窗口,而不是同一窗口,例如:

          <a target="_blank" href="xxxxxxxx"
                           title="xxxxxxxxx">xxxxxxxxxa>

          如果不加入target属性,点击链接时浏览器会在同一窗口打开链接,加入此属性,浏览器会在多带带窗口打开链接

          五.在页面中插入图像

          标记为在页面中显示图像,xxx为图片的路径或url

          alt=“xxx”属性为描述这个图像内容的文本,如果图像未能显示,就会使用这个文本来取代它。

          width-"xxx"属性告诉浏览器在页面中显示图像的宽度

          height="xxx"属性告诉浏览器在页面中显示图像的高度

    文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

    转载请注明本文地址:https://www.ucloud.cn/yun/1169.html

    相关文章

    • 前端学习路线

      摘要:具体来说,包管理器就是可以通过命令行,帮助你把外部库和插件放到你的项目里面并在之后进行版本升级,这样就不用手工复制和更新库。现在有的包管理器主要是和。 一、基础 1、学习HTML基础 HTML给你的网页赋予了结构。它就像是人的骨架那样让你保持站立。首先你需要去学习语法以及它必须提供的一切。你的学习应该聚焦在下面这些东西上: 学习HTML基础,了解如何编写语义HTML 理解如何把网页分...

      FullStackDeveloper 评论0 收藏0
    • 前端学习路线

      摘要:具体来说,包管理器就是可以通过命令行,帮助你把外部库和插件放到你的项目里面并在之后进行版本升级,这样就不用手工复制和更新库。现在有的包管理器主要是和。 一、基础 1、学习HTML基础 HTML给你的网页赋予了结构。它就像是人的骨架那样让你保持站立。首先你需要去学习语法以及它必须提供的一切。你的学习应该聚焦在下面这些东西上: 学习HTML基础,了解如何编写语义HTML 理解如何把网页分...

      20171112 评论0 收藏0
    • 前端学习路线

      摘要:具体来说,包管理器就是可以通过命令行,帮助你把外部库和插件放到你的项目里面并在之后进行版本升级,这样就不用手工复制和更新库。现在有的包管理器主要是和。 一、基础 1、学习HTML基础 HTML给你的网页赋予了结构。它就像是人的骨架那样让你保持站立。首先你需要去学习语法以及它必须提供的一切。你的学习应该聚焦在下面这些东西上: 学习HTML基础,了解如何编写语义HTML 理解如何把网页分...

      LittleLiByte 评论0 收藏0
    • 学习笔记CSS基础

      摘要:的声明内联样式在元素内部在标签上使用属性进行声明。此声明只作用于当前标签。拥有最高优先级。注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。元素的位置相对于浏览器窗口是固定位置。概念   CSS 指层叠样式表(Cascading Style Sheets), 是一种标记语言,属于浏览器解释型语言,可以直接由浏览器执行,不需要编译。   HTM...

      caspar 评论0 收藏0
    • 学习笔记HTML基础标签

      摘要:标题标签会将其中的文本加粗加黑显示,并从到依次减弱。换行标签换行符。可在标签内使用。规定表头单元格可横跨的行数。HTML的概念 概念:   HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup t...

      CastlePeaK 评论0 收藏0

    发表评论

    0条评论

    yzzz

    |高级讲师

    TA的文章

    阅读更多
    最新活动
    阅读需要支付1元查看
    <