Home > Developer > Web Develop
<!DOCTYPE HTML> <HTML> <Head> <MetaCharSet= "Utf-8"> <title>Head First Lounge</title> <style>Body{Background-color:#eaf3da; } </style> </Head> <Body> <H1>Welcome to the New and improved Head first Lounge</H1> <imgsrc= "Http://www.cnblogs.com/drinks.gif"alt= "Drinks"> <P>Join us any evening for refreshing
<ahref= "http://www.cnblogs.com/elixir.html">Elixirs</a>,
Cinversation and maybe a game or both of<em>Dance Dance Revolution</em>.
Wireless access is always provided; Byows (Bring your own Web Server).
</P> <H2>Directions</H2> <P>You'll find us right in the center of downtown Webville.
If you need help finding us, checkout out
Our<ahref= "http://www.cnblogs.com/directions.html">Detailed
Directions</a>.<Q>Come Join Us!</Q>
</P> <ol> <Li>Walla Walla, Wa</Li> <Li>Magic City, ID</Li> <Li>Bountiful, UT</Li> <Li>Last Chance, Co</Li> </ol> <blockquote>Passing cars, when you can ' t see,
May get you,<BR/>A Glimpse,<BR/>of eternity. </blockquote> </Body>
</HTML>
to enter the world of the web, there is only one obstacle in front of you, that is to learn its language.
HTML and CSS are the languages we use to create Web pages.
The Web server stores and provides Web pages created by HTML and CSS. The browser gets the Web page and displays the contents of the page based on HTML and CSS.
HTML is the abbreviation for Hypertext Markup Language (Hyper Text Markup Language), which is used to create the structure of a Web page.
HTML tells the browser the structure of the document: where the title is placed, where the paragraph is placed, and the text needs to be emphasized. With this information, the browser uses its built-in default style to represent the structure.
CSS is an abbreviation for cascading style sheets (cascading style Sheets) to control the performance of HTML.
Using CSS, you can describe how you want to represent your content, such as changing the font, color, size, and so on, to make it look more beautiful.
While this means learning two languages, you will find that, because each language has its own areas of expertise, it is easier to actually learn two languages to make them perform their tasks compared to the way the view uses one language.
What is HTML?HTML is a language used to describe a Web page.
HTML tag tags are often referred to as HTML tags (html tag).
With HTML, we use markup to represent the structure of the content. We refer to the matching tags and what they surround as elements.
And what is the element? It usually consists of three parts: a start tag, a content, and an end tag. However, some elements (such as ) have exceptions.
The following common elements are described below:
HTML title(Heading)is defined by tags such as
For example:
HTML Annotations< H1 > This was a heading</H1><H2>This is a heading </h2><h3>This is a heading</ h3>
You can insert comments into HTML code, which improves readability and makes your code easier to understand. The browser ignores comments and does not display them.
The comments are written like this:
HTML paragraph<!-- -
is defined by the <p> tag.
For example:
HTML Horizontal Line< P > This is a paragraph. </ P > < P > This is another paragraph. </ P >
<HR/> Tags Create horizontal lines in the HTML page.
For example:
<p>this is a paragraph </p><hr /><< Span style= "color: #800000;" >p>this is a paragraph</ p><HR /><p>this is a paragraph</p >
The HR element can be used to delimit content.
HTML WrappingIf you want to wrap (a new line) without creating a new paragraph, use the <BR/> Label:
For example:
< P > This are</>a para</>graph with line breaks </p>
The <br/> element is an empty HTML element. Because the close tag doesn't make any sense, it doesn't have an end tag.
HTML Linksis defined by the <a> tag.
For example:
<href= "http://www.w3school.com.cn">This is a link</ a >
where the href attribute of the <a> element specifies the destination file for the connection.
HTML Imagesis defined by the tag.
For example:
<src= "Https://c2.staticflickr.com/4/3689/10613180113_fdf7bcd316_b.jpg" alt= "Drinks">
Where the src attribute of the element specifies the location of the image file to display on the Web page, the alt attribute needs to specify some text that describes the image.
Here, for example, Href,src,alt, is the attribute of the element, the same way, the first is the property name, followed by an equal sign, followed by the double quotation mark property value.
Unordered list UnorderlistAn unordered list is a list of items that are marked with a bold dot (typically a small black circle).
The unordered list starts with the <ul> tag. Each list item starts at <li>
For example:
There are sequence tables orderlist< ul > < Li > Coffee</li><li>Milk</ Li></ul>
Similarly, a sequence table is a list of items that are marked with numbers.
The sequence list starts with the <ol> tag. Each list item starts with the <li> label.
For example:
A short quote< ol > < Li > Coffee</li><li>Milk</ Li></ol>
The <q> element allows you to add a short reference to the existing text.
For example:
Very long references< P > You'll find us right in the center of downtown Webville. < Q > If you need help finding us,</q>
Our Come join us! </p>
You can use the <blockquote> element to add a reference to a paragraph or multiple of text
For example:
Emphasize< blockquote > passing cars, when you can ' t see, could get you, < BR /> A Glimpse,<br/> of eternity. </ blockquote >
You can use the <em> element to mark the text you want to display in different ways, such as you want to highlight a point
For example:
< P > < em > Dance Dance Revolution</em>. Wireless access is always provided; Byows (Bring your own Web Server). </ P >
Now you know a lot of basic elements, and other display of computer code <code> elements, display time or date <time> elements and so on are not listed.
HTML simple introduction and common elements
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
