ssoL2 TISTORY

HTML 웹페이지 본문

com/html,css

HTML 웹페이지

ssoL2 2021. 2. 23. 15:41

HTML 웹페이지 구상

<<파란색 밑줄 친 것은 링크 기능이 되는 상황>>

 

 

결과물

 

1. index.html

<!DOCTYPE HTML>
<html>
  <head>
    <title>WEB1 - Welcome</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1><a href="index.html">WEB</a></h1>
    <ol>
      <li><a href="1.html">HTML</a></li>
      <li><a href="2.html">CSS</a></li>
      <li><a href="3.html">JavaScript</a></li>
    </ol>
    <h2>WEB이란 무엇인가?</h2>
    <p>The World Wide Web (WWW), commonly known as the Web, is an information system where documents and other web resources are identified
    by Uniform Resource Locators (URLs, such as https://example.com/), which may be interlinked by hypertext, and are accessible over the Internet.
    [1][2] The resources of the Web are transferred via the Hypertext Transfer Protocol (HTTP), may be accessed by users by a software application
    called a web browser, and are published by a software application called a web server. The World Wide Web is not synonymous with the Internet,
    which pre-dated the Web in some form by over two decades and upon which technologies the Web is built.</p>
    <img src="coding.jpg" width="100%">
    <p style="margin-top:40px;">HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms,
    may be embedded into the rendered page. It provides a means to create structured documents by denoting structual semantics for text
    such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.</p>
  </body>
</html>

 

 

2. 1.html

<!DOCTYPE HTML>
<html>
  <head>
    <title>WEB1 - HTML</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1><a href="index.html">WEB</a></h1>
    <ol>
      <li><a href="1.html">HTML</a></li>
      <li><a href="2.html">CSS</a></li>
      <li><a href="3.html">JavaScript</a></li>
    </ol>
    <h2>HTML이란 무엇인가?</h2>
    <p><a href="https://www.w3.org/TR/html5/" target="_blank" title="HTML5 spcification">Hypertext Markup Language (HTML)</a> is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.
    Web browses receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes
    the structure of a web page semantically and originally included cues for the appearance of the document.</p>
  </body>
</html>

 

 

3. 2.html

<!DOCTYPE HTML>
<html>
  <head>
    <title>WEB1 - CSS</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1><a href="index.html">WEB</a></h1>
    <ol>
      <li><a href="1.html">HTML</a></li>
      <li><a href="2.html">CSS</a></li>
      <li><a href="3.html">JavaScript</a></li>
    </ol>
    <h2>CSS이란 무엇인가?</h2>
    <p>Cascading Style Sheets (CSS) is a style sheet language used for desccribing the presentation of a document written in a markup language like HTML.
    [1] CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript. [2] CSS is designed to enable the separation of presentation
    and content, including layout, colors, and fonts. [3] This separation can improve content accessibility, provide more fleibility and control in the
    specification of presentation characteristics, enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file, and
    reduce complexity and repetition in the structural content.</p>
  </body>
</html>

 

 

4. 3.html

<!DOCTYPE HTML>
<html>
  <head>
    <title>WEB1 - JavaScript</title>
    <meta charset="utf-8">
  </head>
  <body>
    <h1><a href="index.html">WEB</a></h1>
    <ol>
      <li><a href="1.html">HTML</a></li>
      <li><a href="2.html">CSS</a></li>
      <li><a href="3.html">JavaScript</a></li>
    </ol>
    <h2>JavaScript이란 무엇인가?</h2>
    <p>JavaScript (/ˈdʒɑːvəˌskrɪpt/),[8] often abbreviated as JS, is a programming language that conforms to the ECMAScript specification.
    [9] JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing,
    prototype-based object-orientation, and first-class functions. Alongside HTML and CSS, JavaScript is one of the core technologies of the World Wide Web.
    [10] JavaScript enables interactive web pages and is an essential part of web applications. The vast majority of websites use it for client-side page behavior,
    [11] and all major web browsers have a dedicated JavaScript engine to execute it. </p>
  </body>
</html>

'com > html,css' 카테고리의 다른 글

HTML 인터넷 동작 과정  (0) 2021.02.23
HTML 링크  (0) 2021.02.23
HTML 구조  (0) 2021.02.23
HTML 기본 문법과 태그  (0) 2021.02.23
HTML  (0) 2021.02.23
'com/html,css' Related Articles more
Comments