ssoL2 TISTORY

HTML 링크 본문

com/html,css

HTML 링크

ssoL2 2021. 2. 23. 15:07

굉장히 중요한 HTML 링크

 

 

<a> tag
  • 링크
  • 링크 참조도 넣어야함 -> href 속성 사용
  • <a href ="www.w3.org/TR/html5/">
<!DOCTYPE HTML>
<html>
  <head>
    <title>WEB1 - HTML</title>
    <meta charset="utf-8">
  </head>
  <body>
    <ol>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
    </ol>
    <h1>HTML이란 무엇인가?</h1>
    <p><a href="https://www.w3.org/TR/html5/">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>
    <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>

 

 

<a> tag
  • 새 창에서 열리게 하고 싶다면 -> target 속성 사용
  • <a href="https://www.w3.org/TF/html5/" target="_blank">
<!DOCTYPE HTML>
<html>
  <head>
    <title>WEB1 - HTML</title>
    <meta charset="utf-8">
  </head>
  <body>
    <ol>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
    </ol>
    <h1>HTML이란 무엇인가?</h1>
    <p><a href="https://www.w3.org/TR/html5/" target="_blank">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>
    <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>

 

<a> tag
  • 링크를 클릭하기 전에 툴팁처럼 무언가 알려주고 싶다면 -> title 속성 사용
<!DOCTYPE HTML>
<html>
  <head>
    <title>WEB1 - HTML</title>
    <meta charset="utf-8">
  </head>
  <body>
    <ol>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
    </ol>
    <h1>HTML이란 무엇인가?</h1>
    <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>
    <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>

'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