What’s in a website?                                

Basic websites are just a collection of static files. Think of HTML as your content, and CSS as how it appears.

A website is built up from a variety of files types, each serving a specific purpose. In this post, I’ll go through the key files required and in following posts on this blog go into more detail on each technology.



HTML markup

HTML (hyper text markup language) is the main language of the web, it’s the foundation for most web pages. Much like a Word document, HTML understands the difference between paragraphs and headings, by defining content using a strict set of elements. Content is wrapped around start and end “tags”. A piece of content wrapped in tags is called an element. For example, the first heading of a page looks like this in HTML

My heading. The ‘h’indicates it’s a heading and the 1 means its the first or primary heading.

This gives each page element meaning and allows web browsers (e.g. Internet Explorer) and search engines to understand the importance and type of each element. The tags used in a webpages also give search engines an idea of the relevancy of a sentence or paragraph. Some search engine optimisation (or SEO) techniques are based around getting specific keywords into what search engines deem the more relevant tags, e.g. Headings and titles.



Facebook, without any CSS styles

CSS (short for cascading stylesheets) are files that are used to change the appearance of HTML elements. They are used to give sites their appearance, without CSS files webpages look extremely boring and visual differences of the text is limited different font sizes, font weights, basic link colours and basic margins.

Using CSS elements of an HTML document can be targeted and given properties to change their visual appearance. Using our previous example the can be given a large font size with some simple CSS h1 {font-size:24px}.

JavaScript is a programming language for websites, HTML and CSS themselves are static. The content and appearance can’t change without navigating to another page. JavaScript allows to to add dynamic functionality to a site, e.g. image slideshows, auto suggest, hiding and showing content, animation.



作者

麦特tortolani

什么是在一个网站？

基本的网站只是一个收集的静态文件。想为你的内容，可以为如何出现。

一个网站是建立了由各种文件类型，每个服务的特定目的。在这篇文章中，我会通过关键文件需要在以下日志进入更详细的每个技术。

超文本标记语言标记

超（超文本标记语言）是主要的网络语言，这是最基础的网页。就像一个字的文件，文本理解之间的差别段落和标题，通过定义内容使用一套严格的元素。内容是缠在开始和结束的“标签”。一段内容被包裹在标签叫做元素。例如，第一个标题的页面看起来像这个网页

我的标题。“h'indicates它的标题和1个手段的第一或主标题。

这给每个网页元素的意义和允许网页浏览器（如互联网浏览器）和搜索引擎理解的重要性和类型的每个元素。使用的标签在一个网页也给搜索引擎的一个想法的相关性的一个句子或段落。一些搜索引擎优化（或搜索引擎优化）技术是在特定关键字搜索引擎认为更相关的标签，例如标题和标题。

脸谱网，没有任何样式

网页（简称级联样式表）的文件是用来改变外观元素。它们被用来给网站的外观，没有文件网页看起来非常枯燥的文字和视觉上的差异是有限的，不同的字体大小，字体，颜色和基本利润的基本环节。

使用网页元素的一个文件中可以有针对性的和特定性质变化的视觉外观。使用我们先前的例子

能得到一个大的字体大小和一些简单的1 { font - size : 24 px }。

是一种编程语言的网站，等自己是静态的。内容和外观不能改变没有导航到另一个页面。脚本可以添加动态功能的网站，如图像幻灯片，自动显示，隐藏和显示内容，动画。