For this session basic HTML was reviewed again.

Eight distinct concepts were covered:

  • Lists
  • Tables
  • Functions for Forms (Fieldsets)

Lists: Lists have syntax <li> and are ordered in DOWNARDS order. Lists can be nested into each other and different kinds of lists can be used within each other.

Ordered Lists present the elements of the list with a number.



    
		
  1. application
    2. 
		
  2. documentents
    3. 
		
  3. workinterview
    4.

Unordered Lists present the elements of the list with bullet points. The shape of the bullet points can be specified with argument [type=”shape”], with possible options CIRCLE, DISC, SQUARE.



    
                    
  • ceo statement
    • 
                    
  • ceo about
    • 
                    
  • ceo organizational info
    • 
                    
  • ceo vision statement
    •

Definition Lists present elements in terms of term/name <dt> and an accompanying description <dd>. They are bookended by <dl>.




		title is tag dt
		
definition written with tag dd






		
syllabus

		
HTML

		
CSS

		
JS

		
Java

		
JSP

		
Spring

Tables: Tables have syntax <table> and ordered from LEFT to RIGHT, then DOWNWARDS order. <table> defines a table element, followed by columns <tr> and within row elements, column elements <td>. Arguments for table style can also be defined within the <table> tag, such as [border=”N”].



2 by 3 table



		

				1,1
				1,2
				1,3
		

		

				2,1
				2,2
				2,3

To create columns that span multiple rows or columns, the <th ARGUMENTS> tag is used. A tag only needs to be written once, from the cell location in which the merged cell starts.



      어린이
      보호자 동반시 무료


      공연시간
      1회
      12-14시

Forms and Fieldsets: Forms can be created using HTML, and are written within the tag <fieldset>, which groups form elements together.

A few such elements are shown below:




		user registration
		
id: 

		
password: 

		
receieve emails from admin
				yes
				no
				
		

		
select account options:
				hide name from online users
				enable private messaging
				do not receive push updates
		

		
send:

Fieldsets can also include text input elements. Text boxes are created using the following tags. Arguments [cols] and [rows] define the size of the text box.

Dropdown menus/Selections are also <fieldset> elements. Their syntax is similar to that of lists.

Some additional elements introduced in HTML5 include the below.




		additional elements
		

				
search: 

				
email: 

				
site address: 

				
phone: 

				
age:

-gonkgonk

<
Previous Post
Intro to HTML
>
Next Post
HTML Form Tags and Groupings