HTML Basics: Lists, Media, Elements, Attributes and Styles

Apuntes

LESSON Web Systems and Technologies (ITPE_121) Prof. Suzette Crisostomo LESSON 3: LISTS AND MEDIA IN HTML • I. Lists o Ordered lists § Used for items in a specific order. § Created with <ol>. § Items use <li>. o Unordered lists § Used for items without a specific order. § Created with <ul>. § Items use <li>. o Definition lists § Used to define terms and their descriptions. § Created with <dl>. § Term: <dt>; definition: <dd>. o Navigation lists § Used to create navigation menus. § Often styled with CSS for visual appeal. § Can use <ul> or <ol> (with links inside list items). • II. Background, Images, Color & Media o Background images § Insert using the background attribute in HTML elements. § Used to enhance visual appeal with relevant background images. § Example shown uses: <body background="background.jpg" > o Image formatting § Control image display using HTML attributes. § Adjust dimensions, alignment, and spacing in HTML tags. § Example shows width, height, and align. o HTML colors / color values / color names § Specify colors directly using color names or hexadecimal values. § Apply colors to text, backgrounds, borders without CSS. § Example shows a style usage: style="color:...