分析HTML与CSS基础知识

发布时间:2021-11-04 16:49:46 作者:iii
来源:亿速云 阅读:118

这篇文章主要介绍“分析HTML与CSS基础知识”,在日常操作中,相信很多人在分析HTML与CSS基础知识问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”分析HTML与CSS基础知识”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

术语

  1. web:互联网。

  2. w3c:万维网联盟,非盈利组织,官网:w3.org。为互联网提供各种标准。

    1. 代替网址:MDN:Mozilla Development Network。Mozilla开发者社区。有中文。

  3. ISO:国际标准组织。

  4. XML:可扩展的标记语言(extension markup language)用于定义文档结构。

HTML

  1. HTML是w3c组织定义的语言标准。HTML是用于描述页面结构的语言。

  2. HTML全称:Hyper Text Markup Language。超文本标记语言。

  3. 书写一个一级标题:

    <h2>一级标题</h2>

CSS

  1. CSS也是w3c定义的语言标准。CSS是用于描述页面展示的语言。(字体颜色,大小,布局等等。)

  2. CSS决定页面长什么样子。

  3. 执行HTML与CSS:用浏览器内核执行。

    版本和兼容性

    1. XHTML:可以认为是HTML的一个版本,完全符合XML的规范。但现在基本不用。

    2. HTLM5:2014出版。

    3. CSS3:目前还没有制定完成。

    4. IE:Trident内核。

    5. Firefox:Gecko内核。

    6. Chrome:之前为Webkit内核现在是Blink内核。

    7. Opera:Blink内核。

    8. Safari:Webkit内核。

    9. shell:外壳。

    10. core:内核(JS执行引擎、渲染引擎)。

    11. 浏览器由两部分组成:

    12. 世界上主流的浏览器(拥有自己的内核):

    开发环境的准备

    1. 显示文件扩展名(不懂可百度)。大部分文件:文件名+扩展名(后缀名)。

      1. 扩展名决定了文件被什么打开。

    2. 安装浏览器:推荐安装谷歌浏览器(推荐百度搜索Chrome,进入官网安装,以免安装有病毒)

      1. 谷歌浏览器始终与w3c标准同步。

      2. 将谷歌浏览器设置为默认浏览器

    3. 安装专业编辑器:

      1. Sublime

      2. ATom

      3. Dreamweaver

      4. vscode(推荐)
        目录:

        目录

    4. Emmet插件:自动生成html代码片段

    HTML

    1. 注释方法:Ctrl+?

    <!-- 注释内容 -->
    1. 元素(标签、标记,但官方称之为element(元素))

      1. 局部属性:某些元素特有的属性。

      2. 全局属性:所有的元素同用。

      3. 元素 = 起始标记(begin tag)+ 结束标记(end tag)+ 元素内容(element content)+ 元素属性(非必选)
        属性 = 属性名(href)+属性值

        <title>text</title>
        <a href="http://baidu.com" title = "百度官网">百度</a>
        <h2 title="这是全局属性">
            这是全局属性    </h2>
        <!-- <a>: 起始标记,表示a元素
            </a>:结束标记,
            百度:元素内容。
            :-->
    1. 有些元素没有结束标记(故没有元素内容),叫做空元素

        <meta charset="UTF-8">
        空元素的两种写法:
        1.    <meta charset="UTF-8">
        2.    <meta charset="UTF-8"/>   /:表示闭合标记,表示结束。
    1. 元素的嵌套:元素不能相互嵌套;父元素;子元素;祖先元素;后代元素;兄弟元素(拥有同一个父元素的两个元素)

    2. 标准的文档结构

    <html lang="en"><head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie+edge">
        <title>Document</title></head><body>
        </body></html>
    <!-- 文档声明:告诉浏览器当前文档使用的HTNL标准是HTML5,不写文档声明将导致浏览器进入怪异渲染模式 --><!DOCTYPE html><!-- 根元素:一个页面最多只能有一个,并且该元素是其他所有元素的父元素或者祖先元素,HTML5可以不写 
        lang属性(可以用在任意元素中):language,全局属性,表示该元素内部使用的文字是哪一种自然语言书写而成的;en:English,zh-CN:简体中文,但已过时,现在用cmn-hans:简体中国官方语言--><html lang="cmn-hans"></html><!-- 必须作为子元素出现,表示文档头,文档头内部的内容不会显示在页面上。
        <meta>元素:文档的原数据,文档的附加信息。
        charset:指定网页内部编码,计算机中,低压电(0~2V)来表示0,高压电(2~5V)表示1。计算机中只能存储数字,只能将文字和数字进行对应,相当于一个字典,改字典就叫做字符编码表。 
        name、content:适配手机端的
        <meta http-equiv="X-UA-Compatible" content="ie+edge">:如果浏览器是IE则告诉浏览器使用edge内核,即更换浏览器的内核-->
        <!-- <title>Document</title>:网页标题。 --><head></head><!-- 文档体: 页面上所有要参与显示的元素--><body></body>

    到此,关于“分析HTML与CSS基础知识”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

    推荐阅读:
    1. HTML与CSS基础知识
    2. html如何与css分开

    免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

    css html

    上一篇:如何更改Oracle字符集以及把ZHS16GBK换成UTF8

    下一篇:遗传算法中几种不同选择算子及如何用Python实现

    相关阅读

    您好,登录后才能下订单哦!

    密码登录
    登录注册
    其他方式登录
    点击 登录注册 即表示同意《亿速云用户服务条款》