html markup and document structure_html/css_WEB-ITnose

You must understand html before learning css. This is the inseparable root of the foundation.
What is html? Hypertext Markup Language
css is to add styles to html, which is to wear clothes. First of all, you must understand how to write the structure of html. Writing a web page in html is so that the browser can read it. HTML has 114 tags, don’t be afraid, there are only about 25 commonly used tags. This is a bit like English words. The latest version of html is html5, which stipulates a new batch of structured tags,

html basics: closed tags and non-closed tags , all text uses closed tags such as text content, of course this is too simple, mainly depends on the attributes. Attributes determine everything, such as

Title and paragraph
Use self-closing tags for quoted content: it means to end it by yourself. For example,
It is recommended that you close all tags when writing code. This is a good coding habit that complies with the requirements of w3c standards and is the basis for becoming a master. Require. HTML5 does not have mandatory requirements for tag closing. This is because previous websites did not have unified standards in order to adapt to more websites.
The focus of this section:
Block-level tags:

-

Indicates the most important Inline tags: Link
ol>                                                                                    The list & lt; strong & gt; important
& lt; block; block; independent reference & lt; abbr & gt; abbreviation
& lt; cite & gt; quote & lt; q & gt; let ’s talk about these two. Word, Block level means that each label will automatically occupy a line and automatically wrap. Inline: will be lined up closely together until the content exceeds the range of one line, and it will automatically wrap.
Composite element: create complex lists, tables, forms, etc. User interface component tags are composed of multiple tags.
li is a list item and can only appear in ol ul. This is the most important thing to understand nested tags.

This way of writing is Yes

You must close the back tag first and then the front tag,
html document analysis:
No need to close here
< ;html>





This way of writing is much simpler than before in html5. This is very useful. The readability of the document depends on your comments. Is it good? The title tag is very useful, mainly to get close to SEO. In the later stage, I will share more SEO knowledge with you. Please remember to share, which means that my level is the same as yours, haha. Let me make a small promotion here. My Sina blog address: http://blog.sina.com.cn/u/3753799240 All tutorials will be posted here.
Then let’s write a short code for analysis.
First of all, we need to confirm the title and add a paragraph of text below which is a picture. We must write the semantic structure first. Don’t worry about whether it looks good or not. First, put the To display the content, the normal approach is to first write the tags that need to be used,

title

a paragraph of textwhen writing the image Pay attention to the hierarchy of the article code. Don’t forget our comments. No matter how complex the code is, it has such a process and standardized writing method.

This is a small test

I am happy to share knowledge and hope that everyone can make progress together. My blog address: http://blog.sina.com.cn/u/3753799240

 

This is a small test

I am happy to share knowledge, I hope everyone can make progress together, my blog address : Please click

This is a small Test

I am happy to share knowledge and hope that everyone can make progress together. My blog address: Please click

This is a small test

I am happy to share knowledge and hope that everyone can make progress together. My blog address: Please click

This is A small test

I am happy to share knowledge. I hope everyone can make progress together. My blog address: Please click

This is a small test

I am happy to share knowledge, hope Let's make progress together, my blog address: Please click

< /body>


See if each element occupies a line, right? You can test these codes in dr