Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路深华商业大厦9楼(地铁1号线国贸站B出口既是)

    3375726676@qq.com


    © 2007-2021 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 网站建设的基础HTML和CSS

    时间:2022-02-28  作者:尼高GARY  来源:https://www.niegoweb.com
    在互联网时代,每个企业都需要建设自己的网站,网站建设也成了营销推广必不可少的一环,那在制作一个基本的网站前我们需要了解一些基础的建站知识,今天深圳尼高网站设计公司就来分享一下网站建设的基础HTML和CSS。


    网站建设

    在编写 HTML 或 CSS 时,从来不需要使用集成开发环境 (IDE),但它可以使事情更容易阅读,尤其是随着代码的增长。您的网站将在没有此行的情况下运行,因此如果您忘记添加它,请不要强调,但最好将其包含在文件的顶部,这样所有浏览器都知道如何解析您的文件。

    HTML 代表“超文本标记语言”,但归根结底,它是您的网站向他人展示的构建块。HTML 文档由页面上的许多“元素”组成,例如文本、图像、分隔符等。元素内部可以包含其他元素,从而构建更大的页面部分,最终构成一个整体。

    HTML 是一种“基于标签”的语言,这意味着元素将被括在尖括号中,并且对于您拥有的大多数元素,您需要有一个开始标签和一个结束标签。标签内的任何内容都将出现在该元素内:<body><p>This is some text</p></body>。所以在这种情况下,我们有一个带有 的 HTML 文档,body在里面body是一个p(段落)标签,我们可以在其中添加一些文本。

    有许多不同的“标签”用于不同的场景,例如将<b>标签中的文本包装成粗体文本,以及<div>在页面中进行划分,仅举几个例子。稍后我们将详细介绍如何使用特定标签。

    如果您将构建网站视为建造房屋:您可以将 HTML 视为房屋的砖块、石膏、地基,而将 CSS 视为覆盖房屋和墙壁的油漆涂层。“层叠样式表” (CSS) 是一种用于向 Web 文档添加样式(例如,字体、颜色、间距)的简单机制。

    CSS 与 HTML 一起为页面上的元素设置样式,您可以应用数百种样式转换,例如调整元素的宽度/高度、更改其颜色等。这是通过“选择”文档上要设置样式的元素来实现的。CSS 选择器允许我们对一个元素应用一组特定的“规则”来描述该类型的元素应该如何出现在页面上。

    如果我们希望background页面的black不是white,我们可以通过定位body文档的 来改变它:body {background: black;}我们想要应用的任何属性都将位于花括号内,并且每个“规则”都将从我们想要选择的元素开始。

    如果我们的网站可能看起来有点乏味,因为我们页面上的元素只是按原样显示,而没有告诉浏览器在某些元素周围留出空间或填充。让我们为我们的元素添加一些样式,让我们的网站看起来很漂亮。

    相关案例

    OTHER CASE