HTML(Teaching)

Get Started. It's Free
or sign up with your email address
HTML(Teaching) by Mind Map: HTML(Teaching)

1. Structure

1.1. DOCTYPE

1.2. html - container

1.2.1. head - container

1.2.1.1. title

1.2.1.2. meta

1.2.1.3. style

1.2.1.3.1. css code/files

1.2.1.4. script

1.2.1.4.1. javascript

1.2.2. body - container

1.2.2.1. everything that has to be displayed - content

2. Forms | attr>> action | Target | method

2.1. input

2.1.1. label

2.1.2. type

2.1.3. attributes

2.1.3.1. simple attributes

2.1.3.2. form* attributes

2.2. <select> | option

2.3. <textarea> | name | row | col

2.4. <button>

2.5. <datalist> | option

2.5.1. list attribute of input fetches id of adatalist

3. semantecs

3.1. <article> | <aside> | <footer> | <header> | <main> | <nav> | <section>

3.1.1. Just block without margin

3.2. <details> | <summary>

3.2.1. interactive dropdown arrow

3.2.2. <summary> defines a visible heading

3.2.2.1. block with margin above and below

3.3. <figure> | <figcaption>

3.4. block margin on all 4 sides

3.4.1. <time datetime="2008-02-14 20:00 ">

4. HTML Computer code

4.1. code

4.1.1. in-line element, can be written inside Pre

4.2. samp

4.2.1. program output

4.3. kbd

4.4. var

5. table

5.1. use excel to create table

5.2. row span / colspan

5.3. td is a container and anything can be placed inside ex. image also

6. list

6.1. ordered/unordered list

6.1.1. left margin and right side no margin

6.1.2. li can contain any html element

6.1.3. ordered list attributes | type | start |

6.1.4. top & bottom margin

6.2. description list

6.2.1. term and description

6.2.2. margin above, below and on the right

6.2.3. no margin on left

7. <div> & <span>

8. attribute

8.1. tells information to the browser

8.2. incorporate scripts/programming code

8.3. animation/events

9. HTML Elements

9.1. block elments

9.1.1. containers

9.2. line elements

9.2.1. inside containers

9.3. tags

9.3.1. head tag <element/tagname>

9.3.1.1. example

9.3.1.1.1. <p>

9.3.1.1.2. <i>

9.3.2. closing tag </element/tagname>

10. iframes

11. id/class

11.1. id = unique name for a element

11.1.1. acccessed with #

11.1.2. two id's not allowed

11.2. class = no unique name given to a tag

11.2.1. can have more than one class per tag element separated by space

11.2.2. to access user DOT(.) before the class name

12. entities

12.1. &entity_name; | &#entity_number;

13. image <img>

13.1. create image as links

13.2. create image maps

13.2.1. <maps> & <area>

13.3. <picture> to put different images for different width

14. common tags

14.1. in-line quote <q>

14.2. block quote <blockquote>

14.2.1. margin on all 4 sides

14.2.2. doesnt include quotation marks

14.3. p

14.3.1. margin above and below

14.4. h

14.4.1. margin above and below

14.5. prep

14.5.1. margin above and below

14.5.2. retains the spaces

14.6. in-line text tags

14.6.1. b

14.6.2. i

14.6.3. strong

14.6.4. em

14.6.5. sub

14.6.6. sup

14.6.7. del

14.6.8. mark

14.6.9. alt

14.6.10. small

14.7. address

14.7.1. no margin

14.8. abbr

14.9. bdo

14.10. hr br

14.11. cite

14.12. a anchor tag

14.12.1. create link to internal document

14.12.1.1. relative/absolute

14.12.2. create link to external document

14.12.2.1. absolute

14.12.3. create mail

14.12.4. on-page navigation to different elements using id

15. Media

15.1. video | audio

15.2. embed | object

16. display upon clicking a link using anchor tag with target attribute