Blog

HTML, WordPress and website content IV:

When it comes to managing web page visible content then above all we should be interested in the HTML elements that are found inside the <body> element. Here are some relevant ones with the most commonly used attributes:

Element tag Description Attributes
<h1> … <h6> Defines HTML headings. style, alt, title
<p> Defines a paragraph, this tag is visible in the wordpress text redactor only if that paragraph has been modified, for example you use different alignment or color than default one. style, alt, title
<ul> Defines an unordered (bulleted) list. style, alt, title
<ol> Defines an ordered list, either numerical or alphabetical. type, style, alt, title
<li> Defines a list item. style, alt, title
<a> Defines defines a hyperlink, which is used to link from one page to another. href, target, style, title
<table> Defines an HTML table. style, title
<tr> Defines a row in an HTML table. style, title
<th> Defines a header cell in an HTML table. style, title
<td> Defines a standard cell in an HTML table. style, title
<hr> Separates content (or defines a change) in an HTML page, this is empty element visible a horizontal line usually style
<img> This is an empty tag which defines an image in an HTML page. It has two required attributes: src and alt. src, alt, title, style, width, height
<br> Inserts a single line break, this is an empty tag.
<!—-> Makes possible to write comments in the source code, so that they are not displayed in the browsers.
<iframe> Specifies an inline frame, which is used to embed another document within the current HTML document (for example youtube video inside your web page). src, width, height

 

Sometimes it is useful to know some HTML entities as well, you can use either entity´s name or number – both should usually work:

Entity Description Result
Name Number
&nbsp; &#160; No-break space; it makes possible to add extra spaces into HTML document.
&lt; &#60; Less than; useful when we need to show this character and do not want it to be mixed up with the beginning of the HTML tag. <
&gt; &#62; Greater than; useful when we need to show this character and do not want it to be mixed up with the end of the HTML tag. >
&copy; &#169; copyright ©
&reg; &#174; registered trademark ®

 

If you now want to learn more about HTML check out W3Schools.com – this site contains lots of materials about the web developing (HTML, CSS, JavaScript, SQL, PHP, Bootstrap, JQuery).

Loading Facebook Comments ...

Share Your Thoughts!

Copyright ©2005-. All Rights Reserved.