Creating tables
HTML CODE
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h2>CLOTHING BRANDS</h2>
<table>
<tr>
<th>NAME</th>
<th>INSTAGRAM</th>
<th>LOCATION</th>
</tr>
<tr>
<td>Forever 21</td>
<td>@forever21</td>
<td>Davao, Cebu, Manila...</td>
</tr>
<tr>
<td>Penshoppe</td>
<td>@penshoppe</td>
<td>Gensan, Davao, Manila...</td>
</tr>
<tr>
<td>Mixxmix</td>
<td>@mixxmix_seoul</td>
<td>Seoul</td>
</tr>
<tr>
<td>ForMe</td>
<td>@forme</td>
<td>Quezon, Davao, cebu...</td>
</tr>
<tr>
<td>Uniqlo</td>
<td>@uniqlo</td>
<td>Japan, Philippines...</td>
</tr>
<tr>
<td>Stylenanda</td>
<td>@stylenanda_korea</td>
<td>Seoul</td>
</tr>
</table>
</body>
</html>
OUTPUT:
EXAMPLE OF CSS CODE
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>CLOTHING BRANDS FOR OOTD!</h1>
<p>* Unif
* Penshoppe
* Forever 21
* Mixxmixx
* Forme
* Chuu
* Stradivirus
* Zara
* Zaful
* Cotton on
* Urban outfitters</p>
</body>
</html>
OUTPUT:
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<h2>CLOTHING BRANDS</h2>
<table>
<tr>
<th>NAME</th>
<th>INSTAGRAM</th>
<th>LOCATION</th>
</tr>
<tr>
<td>Forever 21</td>
<td>@forever21</td>
<td>Davao, Cebu, Manila...</td>
</tr>
<tr>
<td>Penshoppe</td>
<td>@penshoppe</td>
<td>Gensan, Davao, Manila...</td>
</tr>
<tr>
<td>Mixxmix</td>
<td>@mixxmix_seoul</td>
<td>Seoul</td>
</tr>
<tr>
<td>ForMe</td>
<td>@forme</td>
<td>Quezon, Davao, cebu...</td>
</tr>
<tr>
<td>Uniqlo</td>
<td>@uniqlo</td>
<td>Japan, Philippines...</td>
</tr>
<tr>
<td>Stylenanda</td>
<td>@stylenanda_korea</td>
<td>Seoul</td>
</tr>
</table>
</body>
</html>
OUTPUT:
EXAMPLE OF CSS CODE
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>CLOTHING BRANDS FOR OOTD!</h1>
<p>* Unif
* Penshoppe
* Forever 21
* Mixxmixx
* Forme
* Chuu
* Stradivirus
* Zara
* Zaful
* Cotton on
* Urban outfitters</p>
</body>
</html>
OUTPUT:
Nice blog I love it
ReplyDeleteWow! I would love to try any clothes from these brands❤
ReplyDeleteYes, you should! 😆
DeleteLove it❤
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteWhatever brands you will choose and wear for your OOTD. As long as you know how to carry the style and fashion. If it's fit in your taste and comfortable to wear. That's OOTD must.😉😉😉
ReplyDeleteAww, sooo true <3
DeleteGood taste girl 😉😂
ReplyDeleteO yea 🤣
DeleteThese brands are on fleek!
ReplyDelete💯
DeleteWith my size and height, Dickies works for me the most. However, Cotton On comes second with its fabulous fabric that defies perspiration and Uniqlo third because of its unique designs. All in all a very good job. Congrats.
ReplyDeleteHow abt Penshoppe, F21 and H&M? They’re nice. U should try :)
Deletewow nice blog
ReplyDeleteCutiee and Interesting masyadooo❤
ReplyDeleteyiee thanks! <3
DeleteGreat info girl. These are perfect for my OOTDs 😍
ReplyDeleteThis blog helps a lot. Keep it up👍
ReplyDeleteI’m glad it helped 😁
DeleteI can't wait to have one of those outfits💙
ReplyDeleteNice ideas...hope you post another one����
ReplyDeleteI hope so 😂
DeletePlease continue to share your knowledge,thank you so much
ReplyDelete❤️
DeleteThrough the clothes we wear it expresses who and what we are 😉 daw wala gd dri na belong ang brand sng bayo nga gna.suksok ko ba. D makaya sng budget 😂😂😂
ReplyDeleteBut this blog is very informative for those prmi gd naga OOTD 😂😂😂😂
🤣
DeleteWow it's nice outfits good for erveryone
ReplyDeleteamazing outfits!
ReplyDeletewow, amazing blog! Thank you for thiss
ReplyDeleteWow 💖
ReplyDeleteThanks for this!! Its so helpful
ReplyDeletewow
ReplyDeleteWow💜
ReplyDeleteI know whou u are
DeleteLove it💜
ReplyDeleteI already had the idea of buying the best clothes from brands like penshoppe, uniqlo, h&m, and forever 21 but now I guess I have more knowledge where to buy more clothes in other brands mentioned in your blog. Thanks.
ReplyDeleteYahh
DeleteClothes define your personality and taste, btw thanks for the info
ReplyDeleteYea
DeleteWow nice blog
ReplyDeleteVery helpful
ReplyDeleteikr 🤣
DeleteOh so this is how you do it! Amazing 👏
ReplyDeleteNow u know
DeleteOmz magugustuhan toh ni rovyk ajujuju😜
ReplyDeleteYie HAHAHAHAHA
DeleteOps si migo din siz pinagaagawan ka chinachat ako mag comment daw sila😜
ReplyDeleteWOW NAMAN HAHAHA 🤣 btw thanks 🥰
Delete👍
ReplyDelete💯
DeleteThanks for the info!
ReplyDeleteyou have a nice blog
ReplyDeleteOh, so this is how you do it. Codes are amazing, hope you will continue making this kind of blog.
ReplyDeleteCodes sure are hard and this helped me a lot, keep up the good work
ReplyDeleteI learned a lot on how to create css and html codes, thanks for sharing what you’ve learned.
ReplyDeleteFor us to do good in codes, we should also undrestand the concept. You need to understand, that the way you start will define more or less the whole structure of the project. Which is why, you need to make sure you’re aware of the potential problems and how to solve them.
ReplyDeleteIf you really want to have a solid understanding of how to use CSS to move HTML elements to where you want them to go, you absolutely must get a grip on positioning contexts. And I don’t just mean a casual understanding, I mean a deep knowledge of their differences, behaviors, quirks, and others. Nice blog still ��
ReplyDeleteWell, I’m here to tell you that even a little knowledge of HTML and CSS can make a big difference in your career. And learning tech isn’t just for the production assistants and print designers of the world—whether you’re a small business owner, a sales manager, an event coordinator, or even a magician, you can benefit from some HTML and CSS chops. So, thanks for sharing your knowledge about this code, this is really helpful!
ReplyDeleteHTML and CSS are the foundation of the web. So, they’re also the foundation for taking your tech skills to the next level. Having a handle on the fundamentals will make learning another programming language (like JavaScript, Ruby, or PHP) a whole lot easier. And the more you know, the more opportunities will open up for you. Good job for this tho
ReplyDeleteCodes are confusing, but if you really want to learn or to do better in it, you will eventually get it though it takes time and of course effort in learning it. Nice blog btw
ReplyDelete