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
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 and the subheadings would be considered, , 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 being the top level (main heading) being slightly bigger than the rest. The second level of importance would be , the subheading, also in bold just a slightly smaller than . For example, to write a code to mark the text “Gourmet Thai Cooking” as a heading with the second level of importance.
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 being the top level (main heading) being slightly bigger than the rest. The second level of importance would be , the subheading, also in bold just a slightly smaller than . For example, to write a code to mark the text “Gourmet Thai Cooking” as a heading with the second level of importance.
, the subheading, also in bold just a slightly smaller than . 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:
Gourmet Thai Cooking
Div Element
What is the div element and why will you often encounter it in pre-HTML5 code?
The
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
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
element.
Emphasized Text
How do you write the code to mark the text Daily Special as an emphasized text?
The 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:
Daily Special.
Subscripts
How would you write a code to mark the text H2SO4 with subscripts?
The 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: H2SO4
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 element/tag:
Code:
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: —. HTML Entity Name for em dash: —. This is the way you would write the character code to insert the em dash into a web page: —
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:
Top comments (0)