Eight Elements
Published: 2020-01-31 03:32:07

Hello everyone and welcome to my blog. I am new to the world of developers. I am a student at Southwest University of Texas, and I am enrolled in the Web and Mobile Marketing Development program. I am currently taking CIS 114 – Introduction to HTML, and CSS. I would like to share with all of you what I am learning in class, in hope that it can help someone else that is new to the developing world who is wanting to learn more about HTML. Also, I would like to receive the opinion and tips of experienced web developers out there that took the time to read my blog. I think it would be awesome, if we can all share and learn from each other. 

The following 8 topics are of what we have learned in class so far. 

 

Headings 

In order to add titles and subtitles to a document we need headings. Just like when you are writing an essay, you use different headings and subheadings to let your reader know what the topic of your paragraph is going to be about. When creating a webpage using HTML you also need headings. The head element <head> is used to mark information about the document that is being created. It contains a collection of metadata elements that describe the document or provide instructions to the browser. In comparison to our essay: the title of our essay would be considered the <head> and the subheadings would be considered <h1>, <h2>, <h3> and so forth. Depending on how many subheadings you have in your document. They automatically are changed to bold and slightly bigger font size than the font size in the paragraph. With <h1> being the top level (main heading) being slightly bigger than the rest. The second level of importance would be <h2>, the subheading, also in bold just a slightly smaller than <h1>. For example, to write a code to mark the text “Gourmet Thai Cooking” as a heading with the second level of importance.  

The code would look like this:  <h2>Gourmet Thai Cooking</h2> 

 

Div Element  

What is the div element and why will you often encounter it in pre-HTML5 code?  

The <div> element contains a generic grouping of elements within the element. Prior to HTML5, sections were defined as divisions created and using the “div” element. It uses “id” to identity the division, the problem with using “div” is that there aren’t any rules when you use “id”. If different web designers were to assign it differently such as header, heading or top and when the search engine is trying to identify the page’s main topic. 

 

Change of Topic within a Section 

What element would you use to indicate a change of topic within a section?  

The <hr> element in HTML represents a horizontal row or thematic break between paragraphs. In the instance that, you are changing from one topic to another within a section, you need to incorporate the <hr> element. 

 

Emphasized Text 

How do you write the code to mark the text Daily Special as an emphasized text? 

The <em> element/tag is used when you want to make text italizized. Therefore, to mark the text “Daily Special” as an emphasized text you would code it just like this:   

<em>Daily Special</em>.  

  

Subscripts 

How would you write a code to mark the text H2SO4 with subscripts? 

The <sub> element/tag is used to add a subscript text to the HTML. It appears as half a character below the normal line and often in a smaller font size. Subscripts are more likely to be used to write chemical formulas.  

To mark the text H2SO4  with subscripts as a code: <sub>H2SO4</sub> 

 

Linking HTML to CSS 

Write the code to link the web page to the CSS file “mystyles.css”.  

Like HTML, the CSS language was developed and enhanced as the web grew and changed. HTML and CSS specifications are managed by the W3C. In order to replace the browser’s internal style sheet with one of your own, you can link your HTML file to a style sheet file using the following <link>element/tag: 

Code:  <link href=“mystlyles.css” rel= “stylesheet” /> 

 

Character Entity Reference 

Write the expression to insert the em dash into a web page using the character code 8212.  

In the event that you need to insert a special symbol, you need to use a character entity reference. To insert a symbol based on the character encoding reference number, you need to enter:  &#code; 

The em dash is a punctuation mark that can be used in place of a comma, parentheses, or a colon. HTML Entity Number for em dash: &#8212. HTML Entity Name for em dash: &mdash;. This is the way you would write the character code to insert the em dash into a web page: &#8212; 

Here are a couple of links for help with unicodes:   

https://www.codetable.net/unicodecharacters 

https://www.html.am/html-codes/tables/ 

 

Inserting an Image 

Write the code to insert an inline image using the source file “awlogo.png” and the alternate text “Art World”. 

Inline image is an image that is placed, like text-level elements, in line with the surrounding content. To insert an inline image into the document using the source file “awlogo.png” and the alternate text “Art World” you would need to write it like this: 

<img src= “awlogo.png” alt= “Art World”/>