introduction to front-end development with github.
abdulsalam1122
25 views
11 slides
May 12, 2024
Slide 1 of 11
1
2
3
4
5
6
7
8
9
10
11
About This Presentation
Introduction to frontend with github
Slide Content
Unveiling front end development with github pages. B y Abdul Salam
W hat is HTMl? HTML stands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTML consists of a series of elements HTML elements tell the browser how to display the content HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.
Default template of HTMl < !DOCTYPE html > < html > < head > < title > Page Title < /title > < /head > < body > < /body > < /html > The <!DOCTYPE html> declaration defines that this document is an HTML5 document The <html> element is the root element of an HTML page The <head> element contains meta information about the HTML page The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the page's tab) The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. The <h1> element defines a large heading The <p> element defines a paragraph
Basic tags of HTML < h1 > This is heading 1 < /h1 > < h2 > This is heading 2 < /h2 > < h3 > This is heading 3 < /h3 > < p > This is a paragraph. < /p > < p > This is another paragraph. < /p > HTML Links HTML links are defined with the <a> tag: < a href ="https://www.w3schools.com"> This is a link < /a >
Basic tags of HTML HTML Images < img src ="w3schools.jpg" alt ="W3Schools.com" width ="104" height ="142"> HTML Line Breaks < br > Horizon tal line < hr > Pre tag The HTML <pre> element defines preformatted text.
<b> - Bold text <strong> - Important text ( same like bold tag) < i > - Italic text < em > - Emphasized text ( it’s like I tag) <small> - Smaller text ( make text small in size.) <del> - Deleted text (line on text to represent deletion) <sub> - Subscript text <sup> - Superscript text
C omments <!-- This is a comment --> < p > This is a paragraph. < /p > <!-- Remember to add more information here -->
H tml tables < table > < tr > < th > Person 1 < / th > < th > Person 2 < / th > < th > Person 3 < / th > < /tr > < tr > < td > Emil < /td > < td > Tobias < /td > < td > Linus < /td > < /tr > < tr > < td > 16 < /td > < td > 14 < /td > < td > 10 < /td > < /tr > < /table >
HTML Lists What do you want to drink? < ul > < li > Coffee < /li > < li > Tea < /li > < li > Milk < /li > < / ul > The list items will be marked with bullets (small black circles) by default: < ol > The list items will be marked with numbers by default: < li > Coffee < /li > < li > Tea < /li > < li > Milk < /li > < / ol >
HTML forms <form style="align-items: center; margin:50px; width:50%;"> <label for=" fname ">First name:</label>< br > <input type="text" id=" fname " name=" fname ">< br >< br > <label for=" lname ">Last name:</label>< br > <input type="text" id=" lname " name=" lname ">< br >< br > <input type="radio" id=" javascript " name=" fav_language " value="JavaScript"> <label for=" javascript ">JavaScript</label>< br >< br > <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat"> <label for="vehicle3"> I have a boat</label> < br >< br > <input type="submit" value="Submit"> </form>
Thank you F ollow me https:// www.linkedin.com /in/ abdulsalamas /
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 25
- Slides 11
- Age 569 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
30 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
32 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
30 views
14
Fertility awareness methods for women in the society
Isaiah47
29 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
26 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
28 views