Download as PDF, PPTX
![BASIC HTML & CSS
0. Introduction
[ 2017.01.03. Tue ]](https://image.slidesharecdn.com/0-170304051145/85/Basic-HTML-CSS-0-introduction-1-320.jpg)
![BASIC HTML & CSS
0. Introduction
[ 2017.01.03. Tue ]](https://image.slidesharecdn.com/0-170304051145/75/Basic-HTML-CSS-0-introduction-1-2048.jpg)
![Reference
• http://poiemaweb.com/
• https://opentutorials.org/module/1892
• https://opentutorials.org/module/2367/13339
• [Book] Do it! HTML5+CSS3 (2017 Edition)](https://image.slidesharecdn.com/0-170304051145/85/Basic-HTML-CSS-0-introduction-25-320.jpg)
Uploaded byHyejin Oh
[Basic HTML/CSS] 0. introduction
This document provides an introduction to basic HTML and CSS. It outlines topics to cover such as HTML elements, common tags like headings and paragraphs, lists, tables, forms, and more advanced elements. For CSS, the document lists topics like selectors, the box model, borders, backgrounds, fonts, positioning, and inheritance. It includes references and provides a schedule of planned lessons from January to February 2017. The overall purpose is to teach the fundamentals of HTML and CSS for building websites.
More Related Content
![[Basic HTML/CSS] 1. html - basic tags](https://cdn.slidesharecdn.com/ss_thumbnails/1-170304051258-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Basic HTML/CSS] 2. html - list tags](https://cdn.slidesharecdn.com/ss_thumbnails/2-170304051529-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Basic HTML/CSS] 6. css - box sizing, display, margin, padding](https://cdn.slidesharecdn.com/ss_thumbnails/6-170304052556-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Basic HTML/CSS] 5. css - selector, units](https://cdn.slidesharecdn.com/ss_thumbnails/5-170304052513-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Basic HTML/CSS] 4. html - form tags](https://cdn.slidesharecdn.com/ss_thumbnails/4-170304052427-thumbnail.jpg?width=640&height=640&fit=bounds)
![[Basic HTML/CSS] 3. html - table tags](https://cdn.slidesharecdn.com/ss_thumbnails/3-170304052317-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to [Basic HTML/CSS] 0. introduction
![[Basic HTML/CSS] 7. project](https://cdn.slidesharecdn.com/ss_thumbnails/7-170304052711-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CSS Drawing] Basic Tutorial (라이언 그리기)](https://cdn.slidesharecdn.com/ss_thumbnails/cssdrawingbasictutorial-161128125709-thumbnail.jpg?width=640&height=640&fit=bounds)
[Basic HTML/CSS] 0. introduction
- 1. BASIC HTML &CSS 0. Introduction [ 2017.01.03. Tue ]
- 2.
- 3. WHY?Why should westudy?
- 4. WHAT?What do youwant to learn?
- 5. HTML( HyperText MarkupLanguage )
- 6. CSS( Cascading StyleSheets )
- 8.
- 9. HTML Elements https://developer.mozilla.org/en-US/docs/Web/HTML/Element <a> <abbr><address> <area> <article> <aside> <audio> <b> <base> <bdi> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <element> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <rtc> <ruby> <s> <samp> <script> <section> <select> <shadow> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <u> <ul> <var> <video> <wbr>
- 10. What We Learn <a><abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdi> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <element> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <hgroup> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <noframes> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <rtc> <ruby> <s> <samp> <script> <section> <select> <shadow> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <u> <ul> <var> <video> <wbr> https://developer.mozilla.org/en-US/docs/Web/HTML/Element
- 11. To Do 1. BasicTags ○ h1~h6, div, p, span, img, a, strong, b, em, i 2. List tags ○ ul li, ol li, dl dt dd 3. Table tags ○ table, thead, tbody, tfoot, tr, td, colgroup, col 4. Form tags ○ form, fieldset, legend, label, input, select, option, textarea, button 5. Etc ○ header, footer, nav, aside, section, article ○ iframe, blockquote, ruby, sup, sub, pre, code, mark
- 12.
- 14. To Do 1. Selector,Units, Shorthand ○ selector, px, %, em, rem 2. Box model, Display ○ box-sizing, display 3. Border, Background ○ border, background 4. Text, Font, Web Font ○ font-family, font-size, font-weight, color, text-decoration 5. Position, Float ○ position, float, clear 6. Inheritance, Cascading, Effect ○ inherit, box-shadow, text-shadow, transition, transform, animation, keyframes
- 15.
- 16. Schedule (2017.01) #0. intro #2.html list tag #4. html form tag #6. css drawing #7. project #1. html basic tag #3. html table tag #5. css off Korean New Year Korean New Year
- 17. Schedule (2017.02) #9. project #13.END #11. project #8. project #10. project #12. project off off off
- 18. Dev. Environment (Browser, Editor,Hosting, FTP)
- 19.
- 20. Editors atom sublime text bracketswebstrom aptana studio edit plus
- 21. Editors atom sublime text webstrom aptanastudio edit plus brackets
- 22.
- 23.
- 24.
- 25. Reference • http://poiemaweb.com/ • https://opentutorials.org/module/1892 •https://opentutorials.org/module/2367/13339 • [Book] Do it! HTML5+CSS3 (2017 Edition)
- 26. Facebook / Twitter/ Codepen @zineeworld