HTML – Images and hyperlinks

HTML – Images and hyperlinks

img This element represents an image common properties: src – Path to the image, it can be on your server or on the web alt – alternate text which is a short description for the image. It is recommended because it provides information to the search engines. title – It is a tooltip, it appear when you hover the image with the mouse width & height – horizontal and vertical dimension. You need to adjust one of the two properties because the web browsers maintain the aspect ratio for the…

HTML – Images and hyperlinks Read More

HTML – Semantic Elements PART 2

HTML – Semantic Elements PART 2

Here you can read part 1 figure – contains an image and used to group it with its caption figcaption figcaption – provides information about the image and it must be child of the figure element mark – The mark element represents a run of text in one document marked or highlighted. You can change its style in CSS code – The code element represents a fragment of computer code. abbr – The abbr element represents an abbreviation or acronym, optionally with its expansion. br – represents a line break…

HTML – Semantic Elements PART 2 Read More

HTML – Semantic Elements PART I

HTML – Semantic Elements PART I

Semantic elements emphasize on the meaning of the information instead of the style. For example article, section, header, nav, footer define the web page structure and give a meaning to different parts. It also improves the automated process of the document from search engines. That is why is important to use them header – it is intro for the web page that contains the logo, the name, navigation etc.. footer – it should be at the bottom of the web page and contains contact information, copyrights etc nav – navigation…

HTML – Semantic Elements PART I Read More

HTML – Global & non-global attributes

HTML – Global & non-global attributes

Global attributes are the attributes that can be applied to all the tags, like id, class, lang, title etc. You can see the full list here. Non-global attributes are the attributes that applied only to a specific tag, like src, alt, href etc. Here you can see the full list. Short post but with two links with all the attributes, global and non-global. THE END!!! HTML – Global & non-global attributes

HTML – Global & non-global attributes Read More

HTML – Character encoding and character references

HTML – Character encoding and character references

Character encoding is a set if mappings between byte in the computer and characters. A character can be a letter, a number or any symbol. With HTML you should use UTF-8 encoding. Here is how you declare the encoding for one page: Read more here. Character references are a set of characters that the browsers use to display a character or symbol. This happens because HTML reserves some characters and you cannot use them to print on the screen. Character references can be written using a name or a number.…

HTML – Character encoding and character references Read More