Start a free Courses trial
to watch this video
This video is for the Marketing site's Free Course Module A/B test.
This video doesn't have any notes.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upHi, I'm Nick. 0:00 Welcome to Treehouse, the best way to learn technology skills like how to make 0:01 websites and build mobile apps. 0:05 We can even help you land your dream job. 0:08 If you've never written code or programmed computers before, don't worry, 0:11 you're in the right place. 0:15 I want to show you step by step what it's like to learn on Treehouse, and 0:16 how you can start making your own custom web page. 0:21 Every web page uses HyperText Markup Language, or HTML. 0:24 That sounds a little complicated, but it just means that HTML is a way of creating 0:29 content like text and images that can be connected together using links, 0:34 which usually look like blue underlined text. 0:39 Let's take a look at an example. 0:42 Here, I have what's a called a text editor. 0:45 This is a special type of app where you can write your code. 0:48 Treehouse includes a text editor called Workspaces 0:51 that makes it easy to get started. 0:55 Inside my text editor I have a file open with some text. 0:57 There's a header and there's a paragraph. 1:02 Earlier I said HTML is a markup language. 1:06 That means that we can use it to enhance this text and mark it up, 1:10 just like a teacher or a copy editor might give you notes on an assignment. 1:14 Let's tell the computer that this first line of text 1:18 is a header by using what are called HTML tags. 1:23 First, we'll type an opening angle bracket, followed by the letter h, 1:28 and then the number one, and then a closing angle bracket. 1:33 The number one just means that this is the most important header on the page. 1:39 If we wanted to have additional subheaders like you might see in a magazine or 1:44 a newspaper, we can use an h2 or h3 for second and third level headers. 1:47 Now, we also need to tell the computer where this header ends. 1:54 So we need to add a closing tag. 1:58 We just have to type the same thing, but we need to include a forward slash. 2:01 And then Workspaces will automatically complete this for me. 2:06 Together this pair of opening and closing tags form what's called an HTML element. 2:10 Let's create one more element for our paragraph. 2:18 We just need an opening paragraph tag, which is the letter p, 2:21 and then a closing paragraph tag. 2:26 And that's it. 2:32 Here's what our website looks like so far. 2:33 With Treehouse you can take your knowledge further and learn how to add images and 2:36 other design elements to create web pages like this one. 2:41 A big part of Treehouse is practicing what you've learned. 2:45 In just a moment you'll have a chance to test your knowledge and 2:48 type some code on your own. 2:51 When you're done, you can sign up for a free two week trial and keep learning. 2:53
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up