WEBVTT 00:00.000 --> 00:06.000 Basic Structure of an HTML document in common tags. 00:06.000 --> 00:09.000 In this video, we will understand 00:09.000 --> 00:11.000 Basic Structure of an HTML. 00:11.000 --> 00:14.000 Create first web page using HTML. 00:14.000 --> 00:16.000 Standard tags. 00:16.000 --> 00:19.000 Basic Structure of HTML. 00:19.000 --> 00:22.000 Choose a free HTML compiler of your choice. 00:22.000 --> 00:24.000 Start your code with 00:24.000 --> 00:28.000 Doc Type HTML. 00:28.000 --> 00:32.000 This tells the browser you're using HTML5. 00:32.000 --> 00:34.000 Add the root element. 00:34.000 --> 00:37.000 HTML, LANG, equals EN. 00:37.000 --> 00:42.000 This is the root element of the HTML document. 00:42.000 --> 00:47.000 The LANG equals N attribute indicates that the document is written in English. 00:47.000 --> 00:51.000 Attributes in HTML provide extra information about an element, 00:51.000 --> 00:53.000 like its behavior or appearance. 00:53.000 --> 00:57.000 They are written inside the opening tag as name value pairs. 00:58.000 --> 01:00.000 Add the head section. 01:00.000 --> 01:01.000 Open Head. 01:01.000 --> 01:02.000 Open Title. 01:02.000 --> 01:04.000 About Me. 01:04.000 --> 01:05.000 Close Title. 01:05.000 --> 01:06.000 Close Head. 01:06.000 --> 01:10.000 Title tag sets the page title shown in the browser tab. 01:10.000 --> 01:12.000 Add the body section. 01:12.000 --> 01:13.000 Open Body. 01:13.000 --> 01:15.000 Open H1. 01:15.000 --> 01:16.000 Welcome to my world. 01:16.000 --> 01:18.000 Close H1. 01:18.000 --> 01:19.000 Open P. 01:19.000 --> 01:20.000 Hi. 01:20.000 --> 01:21.000 My name is Lily. 01:21.000 --> 01:23.000 I am a grade six student. 01:23.000 --> 01:24.000 My age is 12 years. 01:24.000 --> 01:26.000 My hobby is learning new things. 01:26.000 --> 01:29.000 I want to be a web developer in the future. 01:29.000 --> 01:30.000 Close P. 01:30.000 --> 01:31.000 Close Body. 01:31.000 --> 01:33.000 Close HTML. 01:33.000 --> 01:37.000 Click on Run to see if the code is implemented properly. 01:37.000 --> 01:42.000 Basically, HTML structure is divided into three sections, 01:42.000 --> 01:46.000 root element, head section, which has title tag. 01:46.000 --> 01:49.000 Then Body section. 01:49.000 --> 01:52.000 Standard HTML tags. 01:52.000 --> 01:55.000 There are many standard HTML tags that help you structure 01:55.000 --> 01:58.000 and style your content. 01:58.000 --> 02:02.000 Some of the most common ones include the one which we used in the code. 02:02.000 --> 02:03.000 Title tag. 02:03.000 --> 02:04.000 Add the title. 02:04.000 --> 02:07.000 H1 to H6. 02:07.000 --> 02:14.000 Tags like H2 to H6 are often used as subheadings to organize content under the main heading H1. 02:14.000 --> 02:20.000 Each level helps break down the content into smaller, more manageable sections. 02:20.000 --> 02:21.000 P. 02:21.000 --> 02:22.000 Paragraph tag. 02:22.000 --> 02:24.000 Use to add paragraph or text. 02:24.000 --> 02:25.000 A. 02:25.000 --> 02:27.000 Anchor tag for links. 02:27.000 --> 02:28.000 IMG. 02:28.000 --> 02:30.000 Use to add images. 02:30.000 --> 02:31.000 UL end. 02:31.000 --> 02:32.000 O.L. 02:32.000 --> 02:33.000 Used for lists. 02:33.000 --> 02:36.000 Unordered or ordered. 02:36.000 --> 02:37.000 Adding link to the code. 02:37.000 --> 02:40.000 Let's understand anchor tag by adding a link to the code. 02:40.000 --> 02:42.000 Open P. 02:42.000 --> 02:44.000 Check out this awesome educational website. 02:44.000 --> 02:45.000 Open A. 02:45.000 --> 02:47.000 H-R-E-F equals. 02:47.000 --> 02:49.000 Add the website link. 02:49.000 --> 02:50.000 Khan Academy. 02:50.000 --> 02:51.000 Close A. 02:51.000 --> 02:53.000 Close P. 02:53.000 --> 02:59.000 This is the attribute that tells the link where to go. 02:59.000 --> 03:01.000 Creating the same web page in notepad. 03:01.000 --> 03:05.000 To create the same web page offline, use notepad. 03:05.000 --> 03:07.000 Paste the code into notepad. 03:07.000 --> 03:09.000 Control plus V. 03:09.000 --> 03:13.000 Save the file as index.html. 03:13.000 --> 03:17.000 Make sure to select all files in the saved dialog. 03:17.000 --> 03:19.000 Double-click on the saved file. 03:19.000 --> 03:23.000 And your web page will open in a browser. 03:23.000 --> 03:27.000 HTML is a powerful tool to create web pages. 03:27.000 --> 03:29.000 And learning it can be a lot of fun. 03:29.000 --> 03:34.000 Keep practicing and exploring to build more amazing websites.