By GokiSoft.com| 14:37 03/12/2020|
Học HTML5 - CSS3

[Share Code] Tìm hiểu thẻ căn bản html - ol li - ul li - a tag - Lập trình HTML/CSS/JS BT2119

#SONATA-hero-option1-764A5360-edit.jpg


https://res.cloudinary.com/wegoup/image/upload/v1606981052/ejeoyh7sjqje4yaxb9vj.jpg


#vidu.html


<!DOCTYPE html>
<html>
<head>
	<title>HTML/CSS/JS Tutorial</title>
	<meta charset="utf-8">
</head>
<body style="mau: white; background-mau: #9ed47f; background-image: url('photos/SONATA-hero-option1-764A5360-edit.jpg'); background-repeat: no-repeat; background-size: cover;">
	<!-- Phan 1 -->
	<h1>H1 Heading</h1>
	<h2>H2 Heading</h2>
	<h3>H3 Heading</h3>
	<h4>H4 Heading</h4>
	<h5>H5 Heading</h5>
	<h6>H6 Heading</h6>
	<!-- Phan 2 -->
	<h2>Using HTML Formatting Elements</h2>
	<br>
	<b>This text is displayed in bold.</b>
	<br>
	<i>This text is displayed in italic.</i>
	<br>
	<u>This text is underlined.</u>
	<br>
	<small>This text is displayed smaller.</small>
	<!-- Phan 3 -->
	<h3>Updating, Emphasizing, and Shifting Text</h3> 
	This is an example of <del>deleted</del> <ins>inserted </ins> text.
	<br/> The is an example of <strong>Strong</strong> text
	<br/> The is an example of <sub>subscript</sub>text.
	<br/> The is an example of <sup>superscript</sup> text.
	<br/> 
	ax<sup>2</sup> + bx + c = 0
	<br/>
	log<sub>2</sub><sup>(5)</sup>
	<!-- Phan 4 -->
	<center>Hello World!!!</center>
	<code style="mau: red; background-mau: grey;">
		printf("\nHello World!!!");<br>
		printf("\nHello World!!!");<br>
		printf("\nHello World!!!");<br>
		printf("\nHello World!!!");<br>
		printf("\nHello World!!!");
	</code>
	<!-- Phan 5 -->
	<h2>Days in a Week:</h2>
	<ol style="list-style-type: upper-roman; border-left: solid 10px yellow;">
		<li>Sunday</li>
		<li>Monday</li> 
		<li>Tuesday</li> 
		<li>Wednesday</li> 
		<li>Thursday</li> 
		<li>Friday</li> 
		<li>Saturday</li>
	</ol>

	<!-- Phan 6 -->
	<h2>Days in a Week:</h2>
	<!-- list-style: georgian  inside url('https://www.markham.ca/wps/wcm/connect/markham/7ee63e37-325f-4631-ad43-93cb67ee2716/COVID+-+2nd+Wave+Icons+No+Text.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE.Z18_2QD4H901OGV160QC8BLCRJ1001-7ee63e37-325f-4631-ad43-93cb67ee2716-nlCs.MQ'); -->
	<ul style="list-style-type: circle;">
		<li>Sunday</li>
		<li>Monday</li> 
		<li>Tuesday</li> 
		<li>Wednesday</li> 
		<li>Thursday</li> 
		<li>Friday</li> 
		<li>Saturday</li>
	</ul>

	<img src="photos/SONATA-hero-option1-764A5360-edit.jpg" width="300px">
	<img src="../photos/Transpo_G70_TA-518126.jpg" width="300px">

	<p>
		<a href="https://gokisoft.com/07-introduction-event-in-htmlcssjavascript-htmlcss.html" style="mau: white; text-decoration: none;" target="_self">07. Introduction event in html/css/javascript - HTML/CSS</a>
		<br/>
		<a href="mailto:gokisoft.com@gmail.com">send mail</a>
		<br/>
		<a href="tel:0967025996">Call Me</a>
	</p>
</body>
</html>


#Transpo_G70_TA-518126.jpg


https://res.cloudinary.com/wegoup/image/upload/v1606981060/m40mil83loweuoznrwzw.jpg


Tags:

Liên kết rút gọn:

https://gokisoft.com/2119

Bình luận