초보 개발자의 기록

Building a Web Page with HTML 본문

Coursera/DUKE UNIVERSITY

Building a Web Page with HTML

bambinodeveloper 2020. 12. 8. 15:46
728x90

tool : CodePen codepen.io/pen/

 

address: URL or Uniform Resource Locator

 

HTML?

HyperText Markup Language

The language used to make web pages

Markup language

Specifies contents of a web page, used by browsers

Specifies the meaning of semantics

 

The first standard in 1993

Current standard In 2014

 

 

Metadata and Sectioning Elements

Metadata elements 

-information about the page

-<html><head><title>

 

   <html>

      Contains all other elements

      Specifies using HTML standard :웹페이지를 표시하는 html표준을 사용해야한다는 브라우저를 알려줌

 

    <head>

       Information about the page: title, scripts, CSS

 

    <title>

     Specifies page title

     Nested inside <head> </head> tags :시작 및 끝 헤드 태그 사이에 중첩되어야하는 텍스트 지정

 

 

Sectioning elements

-Define regions

-<body><h1><div>

 

    <body>

     Contains all items seen on page

 

    <h1>

     Section header

     <h1>-<h6>

 

    <div>

     Defines section of web page

     Useful for CSS

 

Formatting Text and Nesting Tags

Semantic or Style HTML Tags

Tags surround text or page elements

 

    <b>

     Typically makes text bold or stand out from other text

 

    <em>

     Helps the screen reader change how text is read to a blind user

 

*with a markup language, what you see is not what you get

    

Adding Images and Links

Image tag

    <img src="" width="75%"/>

    options: extra information ex>width, height

    No end tag, src required, width optional

 

    Usage Rights for Images/ Photos

     -Some images are copyrighted

          Laws vary across countries

    - Typically ok, for personal, non-commercial use

    - Usage rights with the copyright holder

    -Some images in the public domain

         Wikipedia commons

         Creative Commons

 

    Inline linking = hot-linking

     -For personal pages, copyright usually ok

     -Websites with lots of traffic

 

anchor tag

    -href attribute

    -clickable text

 

 

Lists and Tables

Html tables and lists help organize information

Simple lists

Some lists use circles or bullets

    <ul>

     unordered lists, tag

     Content viewed in order, lists labels  all the same

     Inside <ul> must have sequence of <li> elements 

  

    <ol>

     ordered list

     Numbers can be important

     <li> required

     Automatic numbering

 

Tables

Information in rows and columns

<table></tables>

contains <tr></tr>

 

    Rows contain

     header elements <th></th>

     table cells<td></td>

728x90
반응형

'Coursera > DUKE UNIVERSITY' 카테고리의 다른 글

Styling a Web Page with CSS  (0) 2020.12.14
Course Overview  (0) 2020.12.08
'Coursera/DUKE UNIVERSITY' Related Articles more