By GokiSoft.com| 20:54 13/10/2023|

Học HTML5 - CSS3

Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần basic

Bài tập ôn luyện tiếp theo về Text.

Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần advanced

Phản hồi từ học viên

5

(Dựa trên đánh giá ngày hôm nay)

hainguyen

2020-10-09 09:11:53

#Grammar.html

<!DOCTYPE html>
<html>
<head>
	<title>English Grammar</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<style type="text/css">
		.section{
			text-align: justify;
		}
		.sub_section{
			text-align: justify;
			margin-left: 5%;
		}
		p{
			margin-left: 10%;
		}
		h2{
			text-decoration: underline;
		}
		h3{
			text-indent: 5%;
			text-decoration: underline;
		}
	</style>

</head>
<body>
	<div class="section">
		<h2>NOUNS</h2>
		<br>
		A <b>noun</b> represents a person, place, animal, thing or an idea.
	</div>

	<div class="sub_section">
		<h3>KIND OF NOUN</h3>
		<br>
        Nouns are classsified as follows:
        <p>
        <b>Porper:</b> It is the name of a particular objet, place, animal, idea or thing.
        <br>
        <b>Common:</b> It is the name possessed by things in general.
        <br>
        <b>Collective:</b> It is the name representing a group of things.
        <br>
        <b>Abstract:</b> It is the name representing qualities, emotions, conditions or actions.
        </p>	
        </p>
    </div>
    <div class="section">
    	<h2>PRONOUNS</h2>
    	<br>
    	A <b>pronoun</b> is a word used in plece of a noun. A pronoun is generally used to avoid repetition of a noun.
    </div>

    <div>
    	<h3>KINDS OF PRONOUN</h3>
    	<br>
    	Pronouns are classified as follow:
    	<p>
    		<b>Pesonal pronouns:</b> It refers to a specific noun and used as a substitute of the noun.
    		<br>
    		<b>Interrogative pronouns:</b> It stands as the answer to the question about a person, place or a thing.
    		<br>
    		<b>Indefinite pronouns:</b> It is used to refer to a person, thing or a place that are unknown.
    		<br>
    		<b>Relative pronouns:</b> It relates to a noun, pronoun, word or expreddion preceding it is the sentence, and at the same time connects two statemants.
    		<br>
    		<b>Demonstrative pronouns:</b> A noun or pronoun is specifed by it
    		<br>
    		<b>Reflexive pronouns:</b> It usually follows a nou or a pronoun and used to emphasize the subject.
    	</p>
    </div>
</body>
</html>

Triệu Văn Lăng

2020-10-09 09:10:44

https://thienlac.herokuapp.com/gramar.html

nguyễn Sử

2020-10-09 06:47:50

https://suport1.herokuapp.com/Grammar.html/Grammar.html

vuong huu phu

2020-10-08 07:34:38

https://dddeee22.herokuapp.com/bai1/bai1.html

Nguyễn Tiến Đạt

2020-10-08 05:02:03

https://gokisoft09.herokuapp.com/Lesson%202/Basic/main.html

Phạm Xuân Hậu

2020-06-05 10:30:18

#Grammar.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>English Grammar</title>
    <style>
    
     .section{
         text-align: center;
     }
     .sub_section {
        margin-left: auto;
        margin-right: auto;
        width:50%;
     }
     .sub_section h3{
         letter-spacing: 2px;
         text-transform: uppercase;
     }
     .sub_section h4{
        margin-left: 5%;
        font-weight: initial;
     }
    </style>
</head>
<body>
<div id="wrapper">
    <div class="section">
        <u><h1>NOUNS</h1></u>
        <p>A <b>noun</b> represents a person, place, animal, thing or an idea.</p>
    </div>
    <div class="sub_section">
        <u><h3>KINDS OF NOUN</h3></u>
        <h4> Nouns are classified as follows:</h4><br>
         <p>
         <b>Proper:</b> It is the name of a particular object, whether person, place, animal, ideaa
         <br>or thing.<br>
         <b>Common:</b> It is the name possesed by things in general.<br>
         <b>Collective:</b>It is the name representhing a group of things.<br>
         <b>Abstract:</b> It is the name representing qualities, emotion, conditions or actions.
         </p>
    </div>
    <div class="section">
        <u><h1>PRONOUNS</h1></u>
        <p>A <b>pronoun</b>is a word used in place of noin. A pronoun is generally used to avoid<br>
         repetion of a noun.</p>
    </div>
    <div class="sub_section">
        <u><h3>KINDS OF PRONOUN</h3></u>
         <h4>Pronouns are classified as follows:</h4><br>
         <p>
         <b>Personal pronoun:</b> It refers  to a specific noun and used as a substitute of the noun.
         <br>noun.<br>
         <b>Interrogative pronoun:</b> It stands as the answer to the question about<br>
          person, place or a thing.<br>
         <b>Indefinite pronouns:</b>It is used to refer to person, thing or a place that are<br>
         unknown.<br>
         <b>Relative pronouns:</b> It relates to a noun, pronoun, word or expression<br>
         preceding it in the sentence, and at the same time connects two statements.<br>
         <b>Demonstrative pronouns</b> A noun or pronoun is spectified and identified by it.<br>
         <b>Reflexive pronouns:</b> It usually folloows a noun or a pronoun and used to<br>
         emphasize the subject.
         </p>
    </div>
</div>
</body>
</html>

Dương Văn Mạnh

2020-06-04 15:52:43

#bt1.html

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Grammar.html</title>
    <style>
       .section{
            width: 500px;
            background: #dddec3;
          
        }
        .section p{
        text-align: center;
        }
        .sub_section{
            width: 500px;
            background: #dddec3;
        }
        .sub_section .text2{
        text-align: center;
        }
        .sub_section .text1{
        padding-left: 5%;
        }
        h2, h3{
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="section">
     <h2>
        NOUNS
    </h2>
     <p> Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p> 
    </div>
    <div class="sub_section">
        <h3>
            KINDS OF NOUN
        </h3>
        <p class="text1"> Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
        <p class="text2"> Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
    </div>
    <div class="section">
        <h2>
           PRONOUNS
       </h2>
        <p> Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p> 
    </div>
    <div class="sub_section">
        <h3>
            KINDS OF PRONNOUN
        </h3>
        <p class="text1"> Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
        <p class="text2"> Lorem, ipsum dolor sit amet consectetur adipisicing elit.</p>
    </div>
</body>
</html>

Nguyễn Hoàng Long

2020-06-04 04:21:37

#gam.css

.section{
	text-align: center;
}

.sub_section{
	text-indent: 5%;
	text-align: center;
}

h2,h3{
	text-align: left;
	word-spacing: 2px;
	text-decoration: underline;
	text-transform: uppercase;
}

#gammar.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>English Grammar</title>
	<link rel="stylesheet" type="text/css" href="gam.css">
</head>
<body>
	<h2>nouns</h2>
		<p class="section">A <b>noun</b> represents a person, place, animal, thing or an idea.</p>
	<h3> kinds of noun</h3>
		<div class="sub_section">
			<p >Nouns are classified as follows:</p>
			<p ><b>Proper:</b> It is the name of particular object, whether person, place, animal, idea or thing.</p>
			<p ><b>Common:</b> It is the name possessed by things in general.</p>
			<p ><b>Collective:</b> It is the name representing a group of things.</p>
			<p><b>Abstract:</b> It is the name representing qualities, emotions, conditions or actions.</p>
		</div>
	<h2>pronouns</h2>
		<p class="section">A <b>pronoun</b> is a word used in place of noun. A pronoun is generally used to avoid repetition of a noun.</p>
	<h3>kinds of pronoun</h3>
		<div class="sub_section">
			<p>Pronouns are classified as follows:</p>
			<p><b>Personal pronouns:</b> It refers to a specific noun and used as a substitute of the noun.</p>
			<p><b>Interrogative pronouns:</b> It stands as the answer to the question about a person, place or a thing.</p>
			<p><b>Indenfinite pronoun:</b> It is used to refer to a person, thing or a place that are unknown.</p>
			<p><b>Relative pronouns:</b> It relates to a noun, pronoun, word or expression preceding it in the sentence, and at the same time connects two statements.</p>
			<p><b>Bemonstrative pronouns:</b> A noun or pronoun is specified and identified by it.</p>
			<p><b>Reflexive pronouns:</b> It usually follows a noun or a pronoun and used to emphasize the subject.</p>
		</div>


</body>
</html>

Tìm hiểu hiển thị TEXT trong HTML5 và CSS - Phần basic

Tags:

Phản hồi từ học viên

5

hainguyen

#Grammar.html

Triệu Văn Lăng

nguyễn Sử

vuong huu phu

Nguyễn Tiến Đạt

Phạm Xuân Hậu

#Grammar.html

Dương Văn Mạnh

#bt1.html

Nguyễn Hoàng Long

#gam.css

#gammar.html