SlideShare ist ein Scribd-Unternehmen logo

Intro to HTML

•Als PPTX, PDF herunterladen•
•
C
Career Development Service, University of Leicester
Bildung
1 von 13
Intro to HTML
Paragraph Mark-up
I’ve started so I must finish! <P> <STRONG> Write Your Text Here </STRONG> </P>
Headings We use different heading styles to break-up page content Increased number = Smaller heading
Tables Tables can be used to arrange content in a more organised or attractive way
Tables <table class="plain"> <tbody> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
Tables <table class="plain"> <tbody> <tr> Row <td> </td> ABC Cell <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
Tables – Merging Cells <table class="plain"> <tbody> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td colspan=“2”> <td> </td> Number of Cells needs to be equal Delete Replace Cell </tr> <tr> colspan <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td rowspan=“2”> <td> </td> <td> </td> </tr> <tr> rowspan Delete Replace Cell <td> </td> <td> </td> </tr> </tbody> </table>
Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td rowspan=“2”> <td> </td> <td> </td> </tr> <tr> colspan rowspan <td> </td> <td> </td> </tr> Text Text </tbody> </table>
Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td colspan=“2”> <td> </td> </tr> <tr> colspan rowspan <td> </td> <td> </td> Title across all the row <td> </td> </tr> Text Text Text </tbody> </table>
Strange HTML &nbsp <table class="plain"> <tbody> <tr> <td> </td> &nbspText <td> </td> Text <td> </td> </tr> <tr> Text <td> </td> Text <td> </td> <td> </td> </tr> </tbody> </table>

Empfohlen

CSS: Stildeklaration im head-Bereich
CSS: Stildeklaration im head-BereichCSS: Stildeklaration im head-Bereich
CSS: Stildeklaration im head-Bereichlehrerfreund
 
2 caculaora eficiência energética
2 caculaora eficiência energética2 caculaora eficiência energética
2 caculaora eficiência energéticaCOMERCIAL PYRAMON STUDIO LIGHT
 
Chapter2in wd
Chapter2in wdChapter2in wd
Chapter2in wdJimmy Smithson
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheetlehrerfreund
 
Membuat CV dengan HTML
Membuat CV dengan HTMLMembuat CV dengan HTML
Membuat CV dengan HTMLDasufianti
 
Hyper Text Markup Language
Hyper Text Markup LanguageHyper Text Markup Language
Hyper Text Markup LanguageShanmugapriyaa Sandassilane
 
University of Leicester Career Planning Guide 2012
University of Leicester Career Planning Guide 2012University of Leicester Career Planning Guide 2012
University of Leicester Career Planning Guide 2012Career Development Service, University of Leicester
 
Your Health - How to get help and advice
Your Health - How to get help and adviceYour Health - How to get help and advice
Your Health - How to get help and adviceCareer Development Service, University of Leicester
 

Empfohlen

CSS: Stildeklaration im head-Bereich
CSS: Stildeklaration im head-BereichCSS: Stildeklaration im head-Bereich
CSS: Stildeklaration im head-Bereichlehrerfreund
 
2 caculaora eficiência energética
2 caculaora eficiência energética2 caculaora eficiência energética
2 caculaora eficiência energéticaCOMERCIAL PYRAMON STUDIO LIGHT
 
Chapter2in wd
Chapter2in wdChapter2in wd
Chapter2in wdJimmy Smithson
 
CSS - Externes Stylesheet
CSS - Externes StylesheetCSS - Externes Stylesheet
CSS - Externes Stylesheetlehrerfreund
 
Membuat CV dengan HTML
Membuat CV dengan HTMLMembuat CV dengan HTML
Membuat CV dengan HTMLDasufianti
 
Hyper Text Markup Language
Hyper Text Markup LanguageHyper Text Markup Language
Hyper Text Markup LanguageShanmugapriyaa Sandassilane
 
University of Leicester Career Planning Guide 2012
University of Leicester Career Planning Guide 2012University of Leicester Career Planning Guide 2012
University of Leicester Career Planning Guide 2012Career Development Service, University of Leicester
 
Your Health - How to get help and advice
Your Health - How to get help and adviceYour Health - How to get help and advice
Your Health - How to get help and adviceCareer Development Service, University of Leicester
 
Employability Summit 4: 17th December 2013 - Richard Wilcock "Employability P...
Employability Summit 4: 17th December 2013 - Richard Wilcock "Employability P...Employability Summit 4: 17th December 2013 - Richard Wilcock "Employability P...
Employability Summit 4: 17th December 2013 - Richard Wilcock "Employability P...Career Development Service, University of Leicester
 
Employability Summit 4: 17th December 2013 - James McShea "Where Will You Lead?"
Employability Summit 4: 17th December 2013 - James McShea "Where Will You Lead?"Employability Summit 4: 17th December 2013 - James McShea "Where Will You Lead?"
Employability Summit 4: 17th December 2013 - James McShea "Where Will You Lead?"Career Development Service, University of Leicester
 
Employability Summit 4: 17th December 2013 - James McShea (Civil Service Fast...
Employability Summit 4: 17th December 2013 - James McShea (Civil Service Fast...Employability Summit 4: 17th December 2013 - James McShea (Civil Service Fast...
Employability Summit 4: 17th December 2013 - James McShea (Civil Service Fast...Career Development Service, University of Leicester
 
Employability Summit 4: 17th December 2013 - Stephen Isherwood "Graduate Labo...
Employability Summit 4: 17th December 2013 - Stephen Isherwood "Graduate Labo...Employability Summit 4: 17th December 2013 - Stephen Isherwood "Graduate Labo...
Employability Summit 4: 17th December 2013 - Stephen Isherwood "Graduate Labo...Career Development Service, University of Leicester
 
Example Single Page CV
Example Single Page CVExample Single Page CV
Example Single Page CVCareer Development Service, University of Leicester
 
Example Chronological CV
Example Chronological CVExample Chronological CV
Example Chronological CVCareer Development Service, University of Leicester
 
Example Skill Based CV
Example Skill Based CVExample Skill Based CV
Example Skill Based CVCareer Development Service, University of Leicester
 
Finding an industrial placement 2012
Finding an industrial placement 2012 Finding an industrial placement 2012
Finding an industrial placement 2012 Career Development Service, University of Leicester
 
Using social media to assist your applications
Using social media to assist your applicationsUsing social media to assist your applications
Using social media to assist your applicationsCareer Development Service, University of Leicester
 
Personal branding for School of Management
Personal branding for School of ManagementPersonal branding for School of Management
Personal branding for School of ManagementCareer Development Service, University of Leicester
 
Example Covering letter - HR
Example Covering letter - HRExample Covering letter - HR
Example Covering letter - HRCareer Development Service, University of Leicester
 
Example Covering letter - Accountancy
Example Covering letter - AccountancyExample Covering letter - Accountancy
Example Covering letter - AccountancyCareer Development Service, University of Leicester
 
Example academic CV
Example academic CVExample academic CV
Example academic CVCareer Development Service, University of Leicester
 
Example skills based CV
Example skills based CVExample skills based CV
Example skills based CVCareer Development Service, University of Leicester
 
Example part-time CV
Example part-time CVExample part-time CV
Example part-time CVCareer Development Service, University of Leicester
 
Example chronological CV
Example chronological CVExample chronological CV
Example chronological CVCareer Development Service, University of Leicester
 
Employability Matters Like Nevwer Before - Carl Gilleard
Employability Matters Like Nevwer Before - Carl GilleardEmployability Matters Like Nevwer Before - Carl Gilleard
Employability Matters Like Nevwer Before - Carl GilleardCareer Development Service, University of Leicester
 
University of leicester employability
University of leicester employabilityUniversity of leicester employability
University of leicester employabilityCareer Development Service, University of Leicester
 
Example academic CV
Example academic CVExample academic CV
Example academic CVCareer Development Service, University of Leicester
 
Food@Uni
Food@UniFood@Uni
Food@UniCareer Development Service, University of Leicester
 
Català Individual 3r - Víctor.pdf JOCS FLORALS
Català Individual 3r - Víctor.pdf JOCS FLORALSCatalà Individual 3r - Víctor.pdf JOCS FLORALS
Català Individual 3r - Víctor.pdf JOCS FLORALSErnest Lluch
 
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdfمحاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdfKhaled Elbattawy
 

Weitere ähnliche Inhalte

Mehr von Career Development Service, University of Leicester

Mehr von Career Development Service, University of Leicester (20)

Employability Summit 4: 17th December 2013 - Richard Wilcock "Employability P...
Employability Summit 4: 17th December 2013 - Richard Wilcock "Employability P...Employability Summit 4: 17th December 2013 - Richard Wilcock "Employability P...
Employability Summit 4: 17th December 2013 - Richard Wilcock "Employability P...
 
Employability Summit 4: 17th December 2013 - James McShea "Where Will You Lead?"
Employability Summit 4: 17th December 2013 - James McShea "Where Will You Lead?"Employability Summit 4: 17th December 2013 - James McShea "Where Will You Lead?"
Employability Summit 4: 17th December 2013 - James McShea "Where Will You Lead?"
 
Employability Summit 4: 17th December 2013 - James McShea (Civil Service Fast...
Employability Summit 4: 17th December 2013 - James McShea (Civil Service Fast...Employability Summit 4: 17th December 2013 - James McShea (Civil Service Fast...
Employability Summit 4: 17th December 2013 - James McShea (Civil Service Fast...
 
Employability Summit 4: 17th December 2013 - Stephen Isherwood "Graduate Labo...
Employability Summit 4: 17th December 2013 - Stephen Isherwood "Graduate Labo...Employability Summit 4: 17th December 2013 - Stephen Isherwood "Graduate Labo...
Employability Summit 4: 17th December 2013 - Stephen Isherwood "Graduate Labo...
 
Example Single Page CV
Example Single Page CVExample Single Page CV
Example Single Page CV
 
Example Chronological CV
Example Chronological CVExample Chronological CV
Example Chronological CV
 
Example Skill Based CV
Example Skill Based CVExample Skill Based CV
Example Skill Based CV
 
Finding an industrial placement 2012
Finding an industrial placement 2012 Finding an industrial placement 2012
Finding an industrial placement 2012
 
Using social media to assist your applications
Using social media to assist your applicationsUsing social media to assist your applications
Using social media to assist your applications
 
Personal branding for School of Management
Personal branding for School of ManagementPersonal branding for School of Management
Personal branding for School of Management
 
Example Covering letter - HR
Example Covering letter - HRExample Covering letter - HR
Example Covering letter - HR
 
Example Covering letter - Accountancy
Example Covering letter - AccountancyExample Covering letter - Accountancy
Example Covering letter - Accountancy
 
Example academic CV
Example academic CVExample academic CV
Example academic CV
 
Example skills based CV
Example skills based CVExample skills based CV
Example skills based CV
 
Example part-time CV
Example part-time CVExample part-time CV
Example part-time CV
 
Example chronological CV
Example chronological CVExample chronological CV
Example chronological CV
 
Employability Matters Like Nevwer Before - Carl Gilleard
Employability Matters Like Nevwer Before - Carl GilleardEmployability Matters Like Nevwer Before - Carl Gilleard
Employability Matters Like Nevwer Before - Carl Gilleard
 
University of leicester employability
University of leicester employabilityUniversity of leicester employability
University of leicester employability
 
Example academic CV
Example academic CVExample academic CV
Example academic CV
 
Food@Uni
Food@UniFood@Uni
Food@Uni
 

Kürzlich hochgeladen

Català Individual 3r - Víctor.pdf JOCS FLORALS
Català Individual 3r - Víctor.pdf JOCS FLORALSCatalà Individual 3r - Víctor.pdf JOCS FLORALS
Català Individual 3r - Víctor.pdf JOCS FLORALSErnest Lluch
 
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdfمحاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdfKhaled Elbattawy
 
Català parelles 3r - Emma i Ariadna (1).pdf
Català parelles 3r - Emma i Ariadna (1).pdfCatalà parelles 3r - Emma i Ariadna (1).pdf
Català parelles 3r - Emma i Ariadna (1).pdfErnest Lluch
 
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...Eesti Loodusturism
 
ClimART Action | eTwinning Project
ClimART Action | eTwinning ProjectClimART Action | eTwinning Project
ClimART Action | eTwinning ProjectNuckles
 
RESOLUCION DEL SIMULACRO UNMSM 2023 ii 2.pptx
RESOLUCION DEL SIMULACRO UNMSM 2023 ii 2.pptxRESOLUCION DEL SIMULACRO UNMSM 2023 ii 2.pptx
RESOLUCION DEL SIMULACRO UNMSM 2023 ii 2.pptxscbastidasv
 
Castellà parelles 2n - Abril i Irina.pdf
Castellà parelles 2n - Abril i Irina.pdfCastellà parelles 2n - Abril i Irina.pdf
Castellà parelles 2n - Abril i Irina.pdfErnest Lluch
 

Kürzlich hochgeladen (8)

Català Individual 3r - Víctor.pdf JOCS FLORALS
Català Individual 3r - Víctor.pdf JOCS FLORALSCatalà Individual 3r - Víctor.pdf JOCS FLORALS
Català Individual 3r - Víctor.pdf JOCS FLORALS
 
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdfمحاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
محاضرات الاحصاء التطبيقي لطلاب علوم الرياضة.pdf
 
Català parelles 3r - Emma i Ariadna (1).pdf
Català parelles 3r - Emma i Ariadna (1).pdfCatalà parelles 3r - Emma i Ariadna (1).pdf
Català parelles 3r - Emma i Ariadna (1).pdf
 
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
Saunanaine_Helen Moppel_JUHENDATUD SAUNATEENUSE JA LOODUSMATKA SÜNERGIA_strat...
 
ClimART Action | eTwinning Project
ClimART Action | eTwinning ProjectClimART Action | eTwinning Project
ClimART Action | eTwinning Project
 
Díptic IFE (2) ifeifeifeife ife ife.pdf
Díptic IFE (2) ifeifeifeife ife ife.pdfDíptic IFE (2) ifeifeifeife ife ife.pdf
Díptic IFE (2) ifeifeifeife ife ife.pdf
 
RESOLUCION DEL SIMULACRO UNMSM 2023 ii 2.pptx
RESOLUCION DEL SIMULACRO UNMSM 2023 ii 2.pptxRESOLUCION DEL SIMULACRO UNMSM 2023 ii 2.pptx
RESOLUCION DEL SIMULACRO UNMSM 2023 ii 2.pptx
 
Castellà parelles 2n - Abril i Irina.pdf
Castellà parelles 2n - Abril i Irina.pdfCastellà parelles 2n - Abril i Irina.pdf
Castellà parelles 2n - Abril i Irina.pdf
 

Intro to HTML

  • 3. I’ve started so I must finish! <P> <STRONG> Write Your Text Here </STRONG> </P>
  • 4. Headings We use different heading styles to break-up page content Increased number = Smaller heading
  • 5. Tables Tables can be used to arrange content in a more organised or attractive way
  • 6. Tables <table class="plain"> <tbody> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
  • 7. Tables <table class="plain"> <tbody> <tr> Row <td> </td> ABC Cell <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
  • 8. Tables – Merging Cells <table class="plain"> <tbody> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
  • 9. Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td colspan=“2”> <td> </td> Number of Cells needs to be equal Delete Replace Cell </tr> <tr> colspan <td> </td> <td> </td> <td> </td> </tr> </tbody> </table>
  • 10. Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td rowspan=“2”> <td> </td> <td> </td> </tr> <tr> rowspan Delete Replace Cell <td> </td> <td> </td> </tr> </tbody> </table>
  • 11. Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td rowspan=“2”> <td> </td> <td> </td> </tr> <tr> colspan rowspan <td> </td> <td> </td> </tr> Text Text </tbody> </table>
  • 12. Tables – Merging Cells <table class="plain"> <tbody> <tr> </td> <td colspan=“2”> <td> </td> </tr> <tr> colspan rowspan <td> </td> <td> </td> Title across all the row <td> </td> </tr> Text Text Text </tbody> </table>
  • 13. Strange HTML &nbsp <table class="plain"> <tbody> <tr> <td> </td> &nbspText <td> </td> Text <td> </td> </tr> <tr> Text <td> </td> Text <td> </td> <td> </td> </tr> </tbody> </table>

Hinweis der Redaktion

  1. Page 13H4 is the same size as standard font