HTML+CSS easy i...LOGIN

HTML+CSS easy introduction to ordered tags and unordered tags, DIV tags

Ordered tags:

Grammar:

<ol>

                                                                                   </li>

  <li></li>

</ol>

Please see the example:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<ol>
			<li>中国</li>
			<li>美国</li>
			<li>日本</li>
		</ol>
</body>
</html>

Unordered Tags:

Grammar:

<ul>

                                                                                              

<li></li>

</ul>

Example:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<ul>
			<li>中国</li>
			<li>美国</li>
			<li>日本</li>
		</ul>
</body>
</html>

DIV tag


In fact, the div tag needs to be combined with css, so let me do a simple example: add width, height, and background color to a div

First, we write the html code, and then write the style tag

<style></style>

Then we write the style inside, the code is as follows

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		div{
			width: 100px;
			height: 50px;
			background: red;
		}
	</style>
</head>
<body>
		<div>
			大家好
		</div>
</body>
</html>

Next Section

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ol> <li>中国</li> <li>美国</li> <li>日本</li> </ol> </body> </html>
submitReset Code
ChapterCourseware