COURSEFORBEGINNER VOLUME 2 A STEP BY STEP GUIDE ROZIYALINEY - ATIJAH - FAZILAH - HARZULAILI- FATIMAH ZAHRA
A STEP BY STEP GUIDE HTML COURSEFORBEGINNER VOLUME 2 ROZIYALINEY - ATIJAH - FAZILAH - HARZULAILI- FATIMAH ZAHRA
PREFACE i This Book guides the reader step by step to learn basic HTML. This book presents three steps to create Form using HTML include STEP 1 - Introduction to HTML Table, STEP 2 - Builds Tables and STEP 3 - Builds iframes. Besides that, it comprises of exercises such as a structured question and essay to develop more attractive and interesting learning sessions. This book also accompanied by related videos to give a clearer understanding about the topic. Readers can scan the QR code to open the link. This book is suitable for the beginners who want to deepen the world of HTML at a basic level. It is hoped that this book can bring a positive impact on all readers. A Step by Step Guide : HTML Course for Beginner Vol. 2
HTML COURSEFORBEGINNER VOLUME 2 A STEP BY STEP GUIDE EDITOR Atijah binti Marsithi WRITERS Roziyaliney binti Muhammad Atijah binti Marsithi Fazilah binti Ismail Harzulaili binti Saleh Fatimah Zahra binti W Razali REVIEWER Siti Norhidayah binti Saad CONTENT & COVER IMAGE Canva DESIGNER Atijah binti Marsithi First Published August 2023 All rights reserved. This book or any portion thereof may not be reproduced or used in any manner whatsoever without the express written permission of the publisher e ISBN Published by POLITEKNIK MUADZAM SHAH Lebuhraya Tun Abdul Razak 26700 Muadzam Shah Pahang Darul Makmur. Tel. No : 09-4502005/ 2006/ 2007 ii A Step by Step Guide : HTML Course for Beginner Vol. 2
In the name of ALLAH, the Most Gracious and Most Merciful. Praise be to Allah SWT, whose blessing and guidance have helped us in completing this eBook entitled A step by step guide HTML Course for Beginner Vol. 2. We would like to express our sincere gratitude to our family and friends for their kind, support, and motivation. Our sincere thanks also specially to committee member of eLearning Unit of Politeknik Muadzam Shah and the Instructional and Digital Learning Division, Department of Polytechnic and Community College Education for the opportunities in their digital learning project and leading us working on diverse, exciting for writing this eBook. We would like to thank the rest of our reviewer and supporter. Our honor goes to Madam Fazilah Ismail as a Head of Department, Information Technology and Communication Department and Madam Siti Norhidayah Saad as a content expert reviewer for this eBook content. APPRECIATION iii A Step by Step Guide : HTML Course for Beginner Vol. 2
STEP 1 : Introduction to HTML Table 02 STEP 2 : Builds Tables 03 Test Yourself 19 STEP 3 : Builds iframes 15 Table of Contents A Step by Step Guide : HTML Course for Beginner Vol. 2 iv References 22
Introduction A Step by Step Guide : HTML Course for Beginner Vol. 2 to HTMLTable
HTML tables allow web developers to arrange data into rows and columns. The <table> tag defines an HTML table. Each table row is defined with a <tr> tag. Each table header is defined with a <th> tag. A Step by Step Guide : HTML Course for Beginner Vol. 2 02 What is HTML Table? Each table data/cell is defined with a <td> tag. By default, the text in <th> elements are bold and centered. By default, the text in <td> elements are regular and leftaligned. Yes, I can do it!
builds A Step by Step Guide : HTML Course for Beginner Vol. 2 Table
It's easypeasy! HTML Table Output A Step by Step Guide : HTML Course for Beginner Vol. 2 04
Let me think! Output A Step by Step Guide : HTML Course for Beginner Vol. 2 05 HTML Table Border
Output A Step by Step Guide : HTML Course for Beginner Vol. 2 06 HTML Table Bgcolor Oh! It's like that?
Output A Step by Step Guide : HTML Course for Beginner Vol. 2 07 HTML Table Cellpadding Okay, I will try!
Cell padding specifies the space between the cell content and its borders. If you do not specify a padding, the table cells will be displayed without padding.
HTML Table Cellspacing Output A Step by Step Guide : HTML Course for Beginner Vol. 2 09 Okay, I trying!
Border spacing (cellspacing) specifies the space between the cells.
Output A Step by Step Guide : HTML Course for Beginner Vol. 2 11 HTML Table Cell Alignment (valign & align) Don't give up!
HTML Table Caption Output A Step by Step Guide : HTML Course for Beginner Vol. 2 12 Take a break!
Output A Step by Step Guide : HTML Course for Beginner Vol. 2 13 HTML Table Column Span Pray for success!
Output A Step by Step Guide : HTML Course for Beginner Vol. 2 14 HTML Table Row Span success for those who strive!
builds A Step by Step Guide : HTML Course for Beginner Vol. 2 iFrame
HTML frames are used to divide your browser window into multiple sections where each section can load a separate HTML document. A collection of frames in the browser window is known as a frameset. To use frames on a page we use <frameset> tag. HTML Frameset 16
HTML FRAMESET - COLUMN Output 17
HTML FRAMESET - ROWS Output
A Step by Step Guide : HTML Course for Beginner Vol. 2 Test Yourself
TEST YOURSELF 1 Write HTML code for all this text format. Observe the output. Screen shot your code and output. A Step by Step Guide : HTML Course for Beginner Vol. 2 20 Notes: Table border =1 cellspacing=10 width= 50% height=50% border color = green Image border=3 height=40 width=40
TEST YOURSELF 2 By using HTML code, add Frame B and Frame C for column and rows frameset. A Step by Step Guide : HTML Course for Beginner Vol. 2 21 1 2 Content for Frame A, Frame B and Frame C are depends on your creativity. (can put any relevant content)
References A Step by Step Guide : HTML Course for Beginner Vol. 2
A Step by Step Guide : HTML Course for Beginner Vol. 2 23 1) Donald. I. (2020). Web Design with HTML and CSS Training Course Kindle Edition. Kindle. (ASIN: B08SNQPMLW) 2) Olofu. M. (2020). HTML5 Website Design Guide Kindle Edition. Kindle. (ASIN: B08RS5SY8G) 3) Aryuk. P. (2020). Web Software: Website Design Software For Newbies and Professionals 2020. Aryuk Publications. (B08SQZWRNK) 4) MacDonald. M. (2020). WordPress: The Missing Manual: The Book That Should Have Been in the Box 3rd Edition. O'Reilly Media. (ISBN: 1492074160) 5) N R Jennifer (2018) Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics 5th Edition. O'Reilly Media. Canada. (ISBN: 9781491960202)
POLITEKNIK MUADZAM SHAH Lebuhraya Tun Abdul Razak 26700 Muadzam Shah Pahang Darul Makmur. Tel. No : 09-4502005/ 2006/ 2007