Code/html notes.html at master · vigisbig/Code · GitHub

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!doctype html>

<!--   To make comment in this way i.e.
  two lines, you can use this instead -->

<html lang=en> <!-- setting language to english -->

<head>
  <meta charset="utf-8">   <!-- setting character set to utf-8 -->
  <title>This is a website</title> <!-- setting title, this will be visible on the tab -->
</head>

<body>

  <header>
      header element - Some header information goes here. Usually consists of company logo, some tag line, etc. Sometimes, navigation is contained in the header as well.
    <nav>nav (short for navigation) element - Usually contains links to different parts of the web site.</nav>
  </header>
  <section id="section1">  <!-- the id will be used by href for jumping to this section -->

<h1>This is a heading</h1>
	<p> All HTML elements basically fall into two categories</p>
	<ul><li>
		Block-level elements (Render to begin on a new line (by default), they may contain block-level or in-line elements - Roughly flow content.
	</li>
	<li>In-line elements (Render on the same line by default), may contain only other inline elements - Roughly phrasing content.
	</li></ul>

<h1>Some illustration </h1>
<div>*** DIV 1: Some content here ***</div><div>*** DIV 2: Following right after div 1 ***</div><span>*** SPAN 1: Following right after div 2 ***</span><div>*** DIV 3: Following right after span 1 <span>*** SPAN 2: INSIDE div 3 ***</span>Continue content of div 3 ***</div>

 <h1>This is the Main Heading</h1>
  <h2>Subheading 2</h2>
  <h3>Subheading 3</h3>
  <h4>Subheading 4</h4>
  <h5>Subheading 5</h5>
  <h6>Subheading 6</h6>


  <section>
    Section 1
    <article>Article 1</article>
    <article>Article 2</article>
    <article>Article 3</article>
  </section>

  <section>
    Section 2
    <article>Article 4</article>
    <article>Article 5</article>
    <article>Article 6</article>
    <div>Regular DIV element</div>
  </section>

  <aside>
    ASIDE - Some information that relates to the main topic, i.e., related posts.
  </aside>
  <p>Some text<br>
    Must be<br>
    put<br>
    to<br>
    increase<br>
    height<br>
    to<br>
    see<br>
    functioning <br>
    of<br>
    href <br>
    section<br>
    present<br>
    below<br>
    </p>
<h1><a href="#section1">Section 1<a></h1>


  <footer>
    JHU Copyright &copy;2015
    Rendering greater than &gt;
    Rendering less than &lt;
    Rendering to keep words together Together&nbsp;we&nbsp;die.

    Here's a <span margin-left:90px>  misuse   </span>avoided of the non-breaking space.

    <a href="https://autozene.blogspot.com" target="_blank" title="Autozene">This is how we can create a quote mark</a> - &quot;
  </footer>

</body>
</html>