-
Notifications
You must be signed in to change notification settings - Fork 1
/
html_id_and_classes.html
26 lines (21 loc) · 7.54 KB
/
html_id_and_classes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>learning html ide and classes</title>
</head>
<body>
<h2> html ide and classes </h2>
<div id="mainbox" class="redBG">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Omnis, nisi vel dolores cupiditate saepe numquam optio distinctio, quis sequi vitae libero ipsa! Delectus labore impedit aliquid, saepe esse nam, eveniet repudiandae tempore placeat reprehenderit reiciendis amet quibusdam repellat tempora perferendis eum quisquam minima mollitia odit alias nesciunt nostrum pariatur sint. Modi molestias architecto odio, sequi maiores autem in iure, reprehenderit soluta sapiente porro, laboriosam quos! Voluptatibus obcaecati sed ullam dolorum alias voluptas ea culpa optio? Ad, corporis. Laudantium, tempore architecto porro autem dolores odit nobis delectus soluta, reiciendis maxime est nesciunt, provident ipsa. Similique natus fugit minima. Atque quos ad ipsa tenetur eligendi reiciendis odit laboriosam facere eos sit blanditiis voluptatem, corrupti dolorum non eius, officia at, ab praesentium dolorem expedita veritatis maxime temporibus. Unde ad culpa odio illo sequi adipisci perspiciatis necessitatibus ex reprehenderit provident esse repudiandae quis similique dolor quos, exercitationem voluptatum fuga inventore. Fugit tenetur ipsa rem laboriosam minus culpa quam, eaque dignissimos beatae obcaecati. Nemo nam porro, illo ipsum ex dolores laboriosam ullam quo! Ut ducimus maxime reprehenderit facere veniam ipsum iste commodi tempore, dolore consequatur similique iure assumenda dignissimos eveniet ea quia, hic nostrum debitis nihil porro illum. Sed unde consequatur, voluptas, eveniet dolor facilis fugiat omnis labore sint itaque autem provident eligendi assumenda voluptatum qui dolorem eaque dignissimos sit culpa quis atque nihil maiores quibusdam. Molestiae quam totam dicta ratione amet odio at, corporis quis vel alias, explicabo, quod animi? Animi labore, necessitatibus debitis ratione in quis. Mollitia, sunt. Odit molestiae, illum beatae voluptatum nesciunt dicta vitae quas debitis quam labore deleniti id quia distinctio laudantium esse! Aliquid eius, dolor consectetur repellat dolorum expedita at distinctio facilis deserunt. Quod accusantium consequuntur neque alias libero voluptatum officia earum ratione aut velit ipsum sit, rem iste saepe nesciunt sed molestias atque dicta necessitatibus deleniti et esse nam! Ullam quidem quis quaerat doloremque? Temporibus rem quod quibusdam quos nisi mollitia velit nihil placeat adipisci, beatae molestias odit dolor voluptatum! Possimus ad magni accusamus, ipsam corrupti suscipit laborum quod, dolores velit repellendus impedit sint eum autem id! Minus beatae nulla quibusdam, molestiae magni deleniti sequi corporis excepturi, reiciendis nostrum quas? Dolorem, corporis nihil impedit nisi harum ullam, quae id voluptate aliquam suscipit necessitatibus doloremque tempore odit soluta ea libero? Quam ipsa cupiditate laudantium maiores laborum perspiciatis mollitia numquam tempore ea autem sequi voluptatum facere consequatur ipsum non, recusandae voluptatem optio. Dolores magnam nam, nostrum, unde quia, sint iste beatae tempora cupiditate illum laudantium iusto animi? Voluptatibus nostrum modi corrupti perspiciatis tempore ducimus aut in reprehenderit pariatur inventore necessitatibus iusto, quae laboriosam dolorem laborum odit sapiente? Necessitatibus molestiae quo quis unde error sapiente atque voluptatum animi dicta quidem quaerat laborum tempore voluptates quisquam aut culpa eius, corrupti reiciendis iste.
</div>
<span class="redBG" id="spamid">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic vel, rerum tempora a facilis sunt assumenda doloribus, animi magni nulla quidem dolorem. Consectetur unde aspernatur tempora, possimus dolorum at! Qui, suscipit eum. Sequi magnam molestiae fugiat, assumenda harum eveniet quasi adipisci voluptas, consequuntur repudiandae dicta vero nostrum hic quidem itaque impedit nesciunt temporibus recusandae! Dolorum aliquam explicabo cupiditate quisquam fugit dicta excepturi aut architecto. Atque veniam possimus quaerat nesciunt harum suscipit porro perspiciatis itaque a, nostrum vel cupiditate asperiores cum recusandae quis qui ad labore facilis temporibus accusamus! Culpa, aliquam minus? Dolore in debitis ab magnam non enim ea porro amet modi aut dolorum ratione minus eveniet cumque nisi totam quaerat, doloremque inventore quam ullam ad, labore laudantium. Dolor, ipsa adipisci dolore repellendus deleniti tenetur ratione iste earum, minus, magni dolorem eius saepe porro. Temporibus perferendis iusto harum tempora, cum inventore debitis dolorem, a eius veritatis aliquam facilis? Incidunt quis expedita nulla nam alias natus aliquam omnis deleniti reiciendis. Debitis ad corrupti deleniti, enim, necessitatibus voluptates ratione nobis quae quam dolores ut. Eveniet corrupti quo corporis, molestias repudiandae cupiditate aperiam magni ut, amet, excepturi saepe expedita doloribus numquam odit illum dignissimos. Doloremque, impedit. Officiis aut autem, rem eius ducimus aliquid soluta officia illum iste, laboriosam repudiandae vel possimus totam. Quis, ipsa! Possimus atque tempore eius perspiciatis repellat blanditiis maxime nobis, ipsum provident eligendi reiciendis corporis! Numquam ipsum odit adipisci quidem sapiente neque fuga eveniet ea eius voluptatibus impedit nihil maiores, enim, suscipit et sint quam debitis nulla nobis quo magni! Possimus, laboriosam tempore quam adipisci perspiciatis a sint voluptatibus similique, ratione eaque mollitia veniam beatae? Distinctio sit sapiente provident commodi tenetur necessitatibus placeat omnis. Corporis at ipsa illum dignissimos accusamus nobis suscipit necessitatibus. Explicabo voluptate quia distinctio, at natus ipsam unde ex accusantium deleniti suscipit. Ad asperiores fugiat delectus, quae sed iure repellat quod magnam distinctio unde. A, quas iusto! Deleniti possimus veritatis impedit, quasi quae quidem, excepturi magnam eveniet tempora sapiente eos at. Voluptas voluptatem porro quia distinctio magnam? Temporibus fugiat quas similique vero omnis fugit modi unde, reiciendis recusandae tempora aliquam dolore magnam illo nobis facilis error eaque velit voluptates dolores? Veritatis debitis minus temporibus. Corporis numquam unde rem eveniet harum nesciunt nostrum doloribus laudantium inventore, molestias sed animi voluptas quam ipsa at aut eum voluptatem optio nisi est odio quaerat. Dignissimos deserunt esse voluptates facere laboriosam laudantium quas sapiente omnis molestias, officia expedita eius cumque alias sequi at incidunt neque quibusdam quia consequatur ut impedit vero repellendus modi. Asperiores corrupti voluptatum, nemo atque, necessitatibus excepturi aliquam error iste facilis ea perspiciatis ex quaerat. Veniam excepturi nihil commodi architecto eum itaque, recusandae expedita eaque perspiciatis deleniti laudantium sit ipsum, dolorem dolorum totam corrupti a ipsa ex sint quibusdam distinctio sunt similique quod? Exercitationem omnis obcaecati modi quasi ut non. Debitis cupiditate impedit dolor assumenda explicabo ex hic, voluptatibus porro dicta et repudiandae soluta at reprehenderit quam earum nihil tempore voluptatem magnam illo cum alias inventore! Laborum, eos quaerat! Natus qui consectetur molestias ipsam fugit, rerum numquam vitae rem?
</span>
<!-- id can be created by # and class can be created by . -->
<span id="mainbox" class="redBG"></span>
<!-- .blackboder is used as div is default of emmet it takes it -->
<div class="blackboder"></div>
</body>
</html>