How does it work? HTML consists of a series of short codes typed into a text-file called as tags. The text is then saved as html file, and viewed through a browser like Internet Explorer.
This browser reads the file and translates the text into a visible form, hopefully rendering the page as the author had intended. Some of the most popular HTML editors, such as FrontPage or Dreamweaver will let you create pages more or less as you write documents in Word or whatever text editor you are using. This basically defines the document as web page.
It also identifies the beginning and end of the HTML document. All other tags must fall between the html tags. The header contains information about the document that will not appear on the actual page, such as the title of the document, the author etc.
The title tag defines the title that will appear in the title bar of your web browser. The title must appear between the head tags. The body tags contain all the information and other visible content on the page. Below is a basic html document. Notice that everything falls between the html tags, the title appears within the head of the document, and that the body comes after the head.
Select Desktop, type the file name as myfile. A container tag has two ends an opening and a closing whereas an empty tag doesn't.
The paragraph tag is an example of a container tag:. The text in between is "contained" by the tag. However, a few tags are "self-contained" or "empty" tags in that they have an opening tags but not a closing one. Important updates relating to your studies which will help you to keep yourself updated with latest happenings in school level education. Keep yourself updated with all latest news and also read articles from teachers which will help you to improve your studies, increase motivation level and promote faster learning.
This festival showcases the In view of the current Hence, there is a need that all the students appearing in the Term-l examinations and the schools sponsoring these students should have NCERT now offers online courses for Ministry of Education, Govt.
The elements have to open and close correctly so that they are clearly inside or outside one another. If they overlap as shown above, then your web browser will try to make the best guess at what you were trying to say, which can lead to unexpected results. So don't do it! Some elements have no content and are called empty elements. This is because an image element doesn't wrap content to affect it. Its purpose is to embed an image in the HTML page in the place it appears.
That wraps up the basics of individual HTML elements, but they aren't handy on their own. Now we'll look at how individual elements are combined to form an entire HTML page. Let's revisit the code we put into our index. As we said before, it embeds an image into our page in the position it appears. It does this via the src source attribute, which contains the path to our image file. We have also included an alt alternative attribute. In this attribute, you specify descriptive text for users who cannot see the image, possibly because of the following reasons:.
The keywords for alt text are "descriptive text". The alt text you write should provide the reader with enough information to have a good idea of what the image conveys. In this example, our current text of "My test image" is no good at all. A much better alternative for our Firefox logo would be "The Firefox logo: a flaming fox surrounding the Earth.
Note: Find out more about accessibility in our accessibility learning module. Heading elements allow you to specify that certain parts of your content are headings — or subheadings. In the same way that a book has the main title, chapter titles, and subtitles, an HTML document can too.
The browser ignores comments as it renders the code. In other words, they are not visible on the page - just in the code. HTML comments are a way for you to write helpful notes about your code or logic. Note: You'll see that your heading level 1 has an implicit style.
Don't use heading elements to make text bigger or bold, because they are used for accessibility and other reasons such as SEO. Try to create a meaningful sequence of headings on your pages, without skipping levels.
Add your sample text you should have it from What will your website look like? A lot of the web's content is lists and HTML has special elements for these. Marking up lists always consists of at least 2 elements. The most common list types are ordered and unordered lists:.
Links are very important — they are what makes the web a web! To make text within your paragraph into a link, follow these steps:. After making a link, click it to make sure it is sending you where you wanted it to.
Note: href might appear like a rather obscure choice for an attribute name at first. If you are having trouble remembering it, remember that it stands for h ypertext ref erence. If you have followed all the instructions in this article, you should end up with a page that looks like the one below you can also view it here :.
If you get stuck, you can always compare your work with our finished example code on GitHub.
0コメント