HTML Session2 module3 4 using lists tables and working forms and frames

Lập trình web tĩnh Html dành cho người mới bắt đầu học lập trình web Mình khuyên các bạn nên học đầy đủ từ bài số 1 trở điVà kết hợp với video khi sử dụng slide nhưng do video mình chưa có thời gia up lên khi nào có mình sẽ cho link lên mục này

Session Module 3: Using Lists and Tables Module 4: Working with Frames and Forms Session – Objectives (1)      Explain Unordered List Explain Ordered List Explain Definition List Explain table element Describe multimedia embedding Using Lists and Tables & Working with Frames and Forms – Slide / 51 Session – Objectives (2)     Explain the element Explain HTML forms Explain the element Explain the and element Using Lists and Tables & Working with Frames and Forms – Slide / 51 HTML Lists  The most common HTML lists are ordered and unordered lists: o An ordered list o The first list item The second list item The third list item An unordered list • • • List item List item List item Using Lists and Tables & Working with Frames and Forms – Slide / 51 Ordered List    An ordered list starts with the tag Each list item starts with the tag The list items are marked with numbers attributes: o type = "1 | A | a | I | i" o start = n (n is number) The first list item The second list item The third list item Using Lists and Tables & Working with Frames and Forms – Slide / 51 Unordered List    An unordered list starts with the tag Each list item starts with the tag The list items are marked with bullets attributes: o type = "disc | square | circle" List item List item List item Using Lists and Tables & Working with Frames and Forms – Slide / 51 Definition Lists   A definition list is a list of items, with a description of each item The tag defines a definition list Coffee - black hot drink Milk - white cold drink Using Lists and Tables & Working with Frames and Forms – Slide / 51 Nested List The first list item List item List item List item The second list item The third list item Using Lists and Tables & Working with Frames and Forms – Slide / 51 Output Using Lists and Tables & Working with Frames and Forms – Slide / 51 HTML Tables (1)     Tables are defined with the tag A table is divided into rows (with the tag), and each row is divided into data cells (with the tag) stands for “table data” and holds the content of a data cell A tag can contain text, links, images, lists, forms, other tables, etc Using Lists and Tables & Working with Frames and Forms – Slide 10 / 51 HTML Form Tags Using Lists and Tables & Working with Frames and Forms – Slide 37 / 51 HTML Input Element    The input element is used to select user information An input element can vary in many ways, depending on the type attribute An input element can be of type text field, checkbox, password, radio button, submit button, and more Using Lists and Tables & Working with Frames and Forms – Slide 38 / 51 Input Element Attributes (1) Using Lists and Tables & Working with Frames and Forms – Slide 39 / 51 Input Element Attributes (2) Using Lists and Tables & Working with Frames and Forms – Slide 40 / 51 Input Element Demo Input Element Demo Email: Password: Gender: Male Female [...]... marginheight Using Lists and Tables & Working with Frames and Forms – Slide 28 / 51 Frames Demo Frames Demo < /html> Using Lists and Tables & Working with Frames and Forms – Slide 29 / 51 Output Using Lists and Tables. .. Bill Gates 555 77 8 54 555 77 855 Using Lists and Tables & Working with Frames and Forms – Slide 16 / 51 Output Using Lists and Tables & Working with Frames and Forms – Slide 17 / 51 Table Cell Element Attributes Using Lists and Tables & Working with Frames and Forms – Slide 18 / 51 Table Header, Footer And Body ... input elements Using Lists and Tables & Working with Frames and Forms – Slide 33 / 51 Introduction to HTML Forms (2) Using Lists and Tables & Working with Frames and Forms – Slide 34 / 51 Introduction to HTML Forms (3)  Uses of HTML Forms o Collecting names, addresses, telephone numbers, email addresses, and other information to register users for a service or... Using Lists and Tables & Working with Frames and Forms – Slide 24 / 51 Frames    With frames, you can display more than one HTML document in the same browser window Each HTML document is called a frame, and each frame is independent of the others For example, we can use three frames in the Web page, one with a banner, one for the navigation menu and one to display data Using Lists and Tables & Working. .. Working with Frames and Forms – Slide 25 / 51 Disadvantages of Using Frames    Frames are not expected to be supported in future versions of HTML Frames are difficult to use (Printing the entire page is difficult) The web developer must keep track of more HTML documents Using Lists and Tables & Working with Frames and Forms – Slide 26 / 51 Frameset Element      Frames are created using the ... border cellspacing cellpadding      border width height cellspacing cellpadding height width Using Lists and Tables & Working with Frames and Forms – Slide 14 / 51 Elements Associated with Table Using Lists and Tables & Working with Frames and Forms – Slide 15 / 51 Table Cell Element   tag defines a standard cell in a table tag defines a header cell in a table .. .HTML Tables (1)     Tables are defined with the tag A table is divided into rows (with the tag), and each row is divided into data cells (with the tag) stands for “table data” and holds the content of a data cell A tag can contain text, links, images, lists, forms, other tables, etc Using Lists and Tables & Working with Frames and Forms – Slide 11 / 51 HTML Table... if we want to purchase a book over the Internet, we would be required to fill in our name, mailing address, mode of payment, and so on Using Lists and Tables & Working with Frames and Forms – Slide 35 / 51 HTML Form Attributes Using Lists and Tables & Working with Frames and Forms – Slide 36 / 51 ... extension Using Lists and Tables & Working with Frames and Forms – Slide 22 / 51 Embedding Flash Video (1)    Flash Video is a container file format used to deliver video over the Internet using Adobe Flash Player versions 6–10 Flash Video content may also be embedded within SWF files There are two different video file formats known as Flash Video: FLV and F4V Using Lists and Tables & Working with Frames. .. Frames and Forms – Slide 11 / 51 HTML Table (2) Using Lists and Tables & Working with Frames and Forms – Slide 12 / 51 Layout of a Table Table Head Table Body Header 1 Header 2 Header 3 Data Cell 1,1 Data Cell 1,2 Data Cell 1,3 Data Cell 2,1 Data Cell 2,2 Data Cell 2,3 Footer Table Foot Table Cell Table Row Using Lists and Tables & Working with Frames and Forms – Slide 13 / 51 Table Attributes border ... < /html> Using Lists and Tables & Working with Frames and Forms – Slide 29 / 51 Output Using Lists and Tables & Working with Frames and Forms – Slide 30 / 51 Inline Frames. .. payment, and so on Using Lists and Tables & Working with Frames and Forms – Slide 35 / 51 HTML Form Attributes Using Lists and Tables & Working with Frames and Forms – Slide 36 / 51 HTML Form Tags Using. .. < /html> Using Lists and Tables & Working with Frames and Forms – Slide 41 / 51 Output Using Lists and Tables & Working with Frames and Forms – Slide 42 / 51 Select and Option Element