You are viewing the article How to Learn HTML Language at Tnhelearning.edu.vn you can quickly access the necessary information in the table of contents of the article below.
wikiHow is a “wiki” site, which means that many of the articles here are written by multiple authors. To create this article, 70 people, some of whom are anonymous, have edited and improved the article over time.
This article has been viewed 10,972 times.
HTML stands for Hyper Text Markup Language , and is the type of code or language used to create web pages. It can be a bit daunting if you’ve never coded before, but all you need to try it out is a simple text editor and an internet browser. You may even recognize some of the HTML used to change typography on online forums, in customized online profiles, or in wikiHow articles. HTML is a useful tool for anyone using the internet, learning the basics of HTML can take less time than you think.
Steps
Learn HTML Basics
- You may see a warning that your document will be changed to “plain text” instead of “rich text”, or a formatting and Special images will not be saved appropriately. This is normal, HTML documents do not need to use those options.
- There is no difference between .html and .htm files. Both work. [1] X Research Source
- Note that this does not actually create a web page online. Other people won’t be able to access it, and you don’t need an internet connection to check. Just use a browser to “read” your HTML document as if it were a web page.
- Write the hashtags between the braces:
<
hashtags put here>
- Write the end tags in between the curly braces, but put a slash right after the first bracket:
</
end tag put here>
) - Continue reading to learn how to write functional markup. At this step, what you need to remember is the basic format in which they are written: < > and </ >
- If you use other HTML guidelines, you may see tags also known as “elements” and the text between the start and end tags as “element content.” (component content)
<html>
tag and ends with a </html>
tag. It tells the browser that everything between these tags is HTML text. Add these tags to your document:
- Write <html> at the top of your document.
- Press enter or return several times to create some space, then write </html>
- Remember to write everything else in this tutorial in between these two tags.
- Between the <head> and </head> tags, write <title> and </title>
- Between the <title> and </title> tags, write How to Learn HTML – wikiHow .
- Save the document and then open it in a browser (or save the document, and then refresh the browser page that was already open). Do you see what you wrote at the top of your browser, above the address bar?
- <html>
- <head>
- <title>How to Learn HTML – wikiHow</title>
- </head>
- <body>
- </body>
- </html>
-
<em>Xin chào thế giới!</em>
will display as “text in italics:” Hello world! -
<strong>Xin chào thế giới!</strong>
will display as “bold text:” Hello world! -
<s>Xin chào thế giới!</s>
will display with a dash:Hello world! -
<sup>Xin chào thế giới!</sup>
will display as text above: Hello world! -
<sub>Xin chào thế giới!</sub>
will display as text below: Hello world! - Try the following combinations: What does
<em><strong>Xin chào thế giới!</strong></em>
look like?
-
<p>Đây là đoạn văn bản tách biệt.</p>
-
Câu này được theo sau bởi một ngắt dòng.<br>trước khi câu này bắt đầu.
This is the first card you see without an end tag! These are called “empty tags”. - Create a heading to display the names of the items:
<h1>văn bản đề mục</h1>
: largest heading<h2>văn bản đề mục</h2>
(second level headings)<h3>văn bản đề mục</h3>
(heading level 3)<h4>văn bản đề mục</h4>
(heading level #4)<h5>văn bản đề mục</h5>
(smallest heading)
- Use this code to create bulleted lists:
<ul><li>Một mục</li><li>Một mục khác</li><li>Một mục khác</li></ul>
- Or use this code to create numbered lists:
<p><li>Mục 1</li><li>Mục 2</li><li>Mục 3</li></p>
- Or use this code to create a definition list of terms:
<dl><dt>Cà phê</dt><dd>- Thức uống nóng</dd><dt>Leite</dt><dd>- Thức uống lạnh</dd></dl>
- Add a line in HTML:
<br>
or<hr>
- Add a photo:
<img src="URL_ảnh_của_bạn">
- Create an anchor with the <a> tag at the location on the page you want to link to. Give it a distinctive and memorable name:
<a name="Lời khuyên">Đây là văn bản bao quanh bằng anchor.</a>
- Use <href> to link to those anchors or to another site:
<a href="URL của trang web, hoặc tên của anchor bên trong trang này">Viết đoạn văn bản hoặc hình ảnh được hiển thị như liên kết ở đây.</a>
- To link to an anchor on another website, add a # after the URL, followed by the name of the anchor. For example, http://www.wikihow.com/Learn-HTML#Tips will link to the Tips section of this page.
Learn more about Advanced HTML
- Actually, you’ve seen the parameters before, if you’ve followed the instructions in the Basic HTML section above. <img> tags use the src attribute, anchors use the name attribute, and links use the href attribute. Have you seen them follow the ___=”___” format?
- Start with table tags around the entire table:
<table></table>
- Row tags surround the content of each row:
<tr>
- Column headings in the first row:
<th>
- Cells in the next rows:
<td>
- Here’s an example of how they work together:
<table><tr><th>Cột 1: Tháng</th><th>Cột 2: Tiền tiết kiệm được</th></tr><tr><td>Tháng Một</td><td>$100</td></tr></table>
- Meta tags, used to provide metadata (metadata) about a web page. This data can be used by search engines as robots (automatic programs) scour the internet to locate and list web pages. To make your site more visible to search engines, use one or more <meta> start tags (no end tag necessary), each with exactly one attribute name and a content attribute, e.g. <meta name=”description” content=”write a description here”>; or <meta name=”keywords” content=”write a list of keywords, separated by a comma”>
- The <link> tags are used to associate other files with the web page. It is often used to link to layers of CSS formatting created with a different type of coding to transform your HTML page by adding color, text alignment, and more.
- The <script> tags are used to link web pages to JavaScript files, which are file types that create user interaction and can cause the web page to change as the user interacts with it.
- While you can’t edit other people’s web pages, you can copy the HTML you find as your own, and then play around with them to see what the different options do. Note that without the CSS format file the site links to, you may not be able to see all the colors or formatting on the page.
Advice
- You might like to find a simple web page on the internet, and play with its code. Try shifting some text, changing the font style, replacing the photo, or whatever you like!
- You can get a notebook and write down all the codes, so that if you ever need to remember them, you can just open the notebook and have a look. You can also print this page out as a handy reference.
- XML and RSS are becoming more and more common on websites these days. Their code can be difficult to read and understand for an observer, especially when viewed on an HTML source file, but they produce effects specific to those web pages.
- When writing code, make sure you write it neatly, so that you and others can understand it. Use <!– Add comment here –> to acknowledge HTML comments, which are not displayed on the web page but only in the code.
- Notepad++ is a great, free program that works like a normal notepad program, but you can save and test your code directly in a browser. (It also allows almost any language to code HTML, CSS, python, Javascript, etc.)
- The markup tags in HTML themselves are not case sensitive, but using all lowercase (as shown on this page) is recommended for standardization purposes and for compatibility with (written language) XHTML. [2] X Research Source
Warning
- Some cards have been deprecated in recent years and replaced with other options to create the same effects, and even add different effects, if you like.
- If you are interested in making your pages valid, go to the W3 site and learn valid HTML! HTML standards change over time, and some tags are replaced by others that may work better on modern browsers.
Things You Need
- A text editor, such as Notepad (for Windows), or TextEdit (for Mac)
- A notebook (optional)
- An HTML editor such as Notepad++ (for Windows) or TextWrangler (for Mac) (optional)
wikiHow is a “wiki” site, which means that many of the articles here are written by multiple authors. To create this article, 70 people, some of whom are anonymous, have edited and improved the article over time.
This article has been viewed 10,972 times.
HTML stands for Hyper Text Markup Language , and is the type of code or language used to create web pages. It can be a bit daunting if you’ve never coded before, but all you need to try it out is a simple text editor and an internet browser. You may even recognize some of the HTML used to change typography on online forums, in customized online profiles, or in wikiHow articles. HTML is a useful tool for anyone using the internet, learning the basics of HTML can take less time than you think.
Thank you for reading this post How to Learn HTML Language at Tnhelearning.edu.vn You can comment, see more related articles below and hope to help you with interesting information.
Related Search: