Home > Web Front-end > HTML Tutorial > HTML self-study journey (1) Basic elements and attributes exercises (self-written code)_HTML/Xhtml_Web page production

HTML self-study journey (1) Basic elements and attributes exercises (self-written code)_HTML/Xhtml_Web page production

WBOY
Release: 2016-05-16 16:40:43
Original
1564 people have browsed it

I followed the tutorial on W3school. I personally think the tutorial is very good. There are small exercises in each section. Come on!
I typed the code myself. Some books are against writing code by myself, but I think it is beneficial to write it myself because I have no foundation. Hehe, I have different opinions. .
Exercise 1:

Copy the code
The code is as follows:



This is heading 1


This is heading 1


This is heading 1


This is heading 1


This is heading 1

This is heading 1


This is the first paragraph



This is the link area

This is baidu link


< a href="http://www.w3school.com.cn">This is w3school link

This is the picture area



This is the table area









Month Savings
January $100


Line break function

This sentence
break a line here



This paragraph has a lot of
blank lines
or spaces
But the browser automatically ignores them
There is code

 <br>while(true) <br>{ <br>sum=a b; <br>return sum; <br>cout<<sum; <br>} <br>






Exercise 2
:


Copy the code

The code is as follows:



This text is bold

This text is strong

This text is big

This text is small ;/em>

This text is italic

This text containssubscript ;sup>Superscript


 <br>This is preformatted text<br>Haha<br>You can output spaces<br>Empty lines <br>

<br>while(true) <br>{ <br>computer code; <br>} <br>


Sample text

Computer variable


Address practice:

Tianjin SHUDIP

FERT R

ABC (receive)

Postcode: 123456


Abbreviation practice

etc.

www.

Text direction exercise//That function is not supported here. Text should be output from right to left

Here is some text

Block quotation practice

This is a long quotation
This is a long quotation. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote
This is a long quote Quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote
This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote. This is a long quote

This is a short quote
Short quote wow, short quote

Delete or add text effect practice

A dozen hastwentyOh






It must be super simple, hey, stick with it!
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template