diff --git a/css/style.css b/css/style.css index 75e9841e..b7629dbc 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,25 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +body { + color: rgb(4, 4, 30); + text-align: center; + margin-top: 40px; + background-color: rgb(223, 234, 185); +} + +.example { + color: aliceblue; + background-color: black; + margin: 40px; + padding: 4px 6px; +} +.anatomy_list { + text-align: left; +} + +p:first-child { + color: rgb(239, 226, 226); + background-color: rgb(26, 159, 73); + padding: 5px; +} diff --git a/index.html b/index.html index 67dfc7f5..b1dc07ae 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,56 @@ +
+ +

What is HTML?

+
+
+
+

+ HTML (HyperText Markup Language) is the code that is used to structure + a web page and its content. For example, content could be structured + within a set of paragraphs, a list of bulleted points, or using images + and data tables. As the title suggests, this article will give you a + basic understanding of HTML and its functions. +

+
+
+

+ HTML is a markup language that defines the structure of your content. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. The enclosing tags can make a word or image hyperlink to somewhere else, can italicize words, can make the font bigger or smaller, and so on. For example, take the following line of content: + +My cat is very grumpy +If we wanted the line to stand by itself, we could specify that it is a paragraph by enclosing it in paragraph tags: + +

< p >My cat is very grumpy< /p >

+ +

+
+ + +
+ + + +
+ + HTML anatomy + +
    +
  1. The opening tag: This consists of the name of the element (in this case, p), wrapped in opening and closing angle brackets. This states where the element begins or starts to take effect — in this case where the paragraph begins.
    2. +
  2. The closing tag: This is the same as the opening tag, except that it includes a forward slash before the element name. This states where the element ends — in this case where the paragraph ends. Failing to add a closing tag is one of the standard beginner errors and can lead to strange results.
    3. +
  3. The content: This is the content of the element, which in this case, is just text.
    4. +
  4. The element: The opening tag, the closing tag, and the content together comprise the element.
    5. +
+ +
+
+ + random image from lipsum.com +
+ +