Getting Started with HTML

[Treehouse™ presents] 0:00 [Getting Started with HTML with Nick Pettit] 0:02 Hi! I'm Nick. In this Treehouse quick tip, we're going to get started with HTML-- 0:05 or hypertext markup language--which is the basic language of websites. 0:10 There might be several languages that you've heard of-- 0:15 like CSS, JavaScript, and more-- 0:18 and those are part of making websites, too. 0:21 However, the only language that is required is HTML, 0:23 so when you're first learning, you'll want to focus your attention there. 0:28 Here we have a very basic-looking HTML website. 0:33 There hasn't been any sort of fancy styling or images applied. 0:37 Let's see how this code looks. 0:41 We're going to switch over to a program called a text editor, 0:43 and let's take a look at some of our HTML code. 0:48 HTML is called a markup language because it marks up our content. 0:51 In this example, we have several tags that are describing to the browser 0:57 what's actually here. 1:03 We have headline elements--like this H1 here, 1:05 and this H2--which are just like headlines in a newspaper. 1:10 Then there are paragraph elements--represented by these p-tags--here and here. 1:15 It's actually pretty simple. 1:24 If a block of text is a paragraph, then you should wrap it in a paragraph element. 1:26 In addition, we have the overall structure of the document 1:31 which is represented by the HTML head and body tags. 1:37 The body is where all the visible parts of your document will go. 1:42 The head is where you can include things like the title of your website, 1:46 or other files such as JavaScript and CSS. 1:52 There are lots of other HTML elements, 1:56 and these are just a few. 1:58 When you type in the address of your favorite website, 2:00 there are 3 basic layers that get delivered to you-- 2:03 structural, presentational, and behavioral. 2:06 HTML forms the structure of a website, 2:10 CSS is presentational, 2:13 and JavaScript is behavioral. 2:15 In other words, HTML is how you write your content, 2:18 CSS makes it look pretty visually, 2:20 and JavaScript makes it interactive. 2:23 While CSS and JavaScript aren't always necessary, 2:26 you will always need HTML. 2:29 [Treehouse™] If you'd like to see more advanced videos and tutorials like this one, 2:32 go to TeamTreeHouse.com and start learning for free. 2:37 [Treehouse™] 2:40

You need to sign up for Treehouse in order to set up Workspace

Sign up