먼지나는 블로그

생활코딩 11강-16강 실습 본문

프론트엔드 공부/html

생활코딩 11강-16강 실습

고먼지 2021. 6. 22. 23:33

ATOM 실습화면

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="http://www.w3.org/TR/html5"
    target = "_blank" title = "html5 specification"> Hypertext Markup Launguage (HTML)</a> is the standard markup
  language for <strong>creating <u>web</u> pages </strong>
  and web applications. Web browsers 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 sematically and originally included cues for
  the appearance of the document.

  <img src="cat.jpg" width="100%"></p>
  <p style="margin-top:45px;">
  This HTML usage data comes from 11.3 million
  index pages gathered from top twenty Google results,
  for about 30 million keywords - chosen by keyword volume.
  To learn more about this data,
  visit the FAQ section.</p>

</body>
</html>

 

2.html


<!doctype html>
<html>
<head>
  <title>WEB2 - 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><a href="https://en.wikipedia.org/wiki/CSS"
    target = "_blank" title = "html5 specification">

    Cascading Style Sheets (CSS)</a> is a style sheet language
    used for describing the presentation of a document
    written in a markup language such as HTML.
    CSS is a cornerstone technology of the World Wide Web,
    alongside HTML and JavaScript.
    CSS is designed to enable the separation of presentation
    and content, including layout, colors, and fonts.
    This separation can improve content accessibility,
    provide more flexibility and control in the specification
    of presentation characteristics, enable multiple web pages
    to share formatting by specifying the relevant CSS in a separate.</p>
    <p style="margin-top:45px;">
    css file which reduces complexity and repetition in the
    structural content as well as enabling the css file
    to be cached to improve the page load speed between
    the pages that share the file and its formatting.</p>


</body>
</html>

 

3.html


<!doctype html>
<html>
<head>
  <title>WEB3 - 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>JaveScript</h2>
  <p><a href="https://en.wikipedia.org/wiki/JavaScript"
    target = "_blank" title = "html5 specification">
    JavaScript, often abbreviated as JS</a>  is a
    programming language that conforms to the ECMAScript
    specification. 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.

  <p style="margin-top:45px;">
  Alongside HTML and CSS, JavaScript is one of the core technologies
0of the World Wide Web. Over 97% of websites use it client-side
for web page behavior, often incorporating third-party libraries.
All major web browsers have a dedicated JavaScript engine to execute
the code on the user's device.</p>

</body>
</html>

'프론트엔드 공부 > html' 카테고리의 다른 글

HTML_기본문법  (0) 2021.06.18