ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • HTML 기본 태그
    WEB 2024. 8. 17. 04:33
    <h1></h1>, <strong></strong>, <u></u>, <br> 태그 사용
    
    <h1>HTML</h1>
    Hypertext Markup Language (HTML) 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 semantically and originally included cues for the appearance 
    of the document.
    <br><br><br>
    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 structural semantics for text 
    such as headings, paragraphs, lists, links, quotes and other items. HTML
    elements are delineated by tags, written using angle brackets.
    
    <p></p> 태그 사용
    
    <p>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 structural semantics for text 
    such as headings, paragraphs, lists, links, quotes and other items. HTML
    elements are delineated by tags, written using angle brackets.</p>
    
    <img src="이미지주소" width="크기"> 태그 사용
    
    <img src="webimg.avif" width="100"> samsung img
    
    <ul></ul> <li></li> -> 태그 사용
    
        <li>HTML</li>
        <li>CSS</li>
        <li>Java</li>
    <ul>
        <li>gogo</li>
    </ul>
    
    <ol></ol> -> 태그 사용
    
    <ol>
        <li>HTML</li>
        <li>CSS</li>
        <li>Java</li>
       </ol>
      
     <!doctype html> -> html을 만들었다는걸 표현
     <head>
     <title></title> -> 본문의 제목을 설정
     <title>WEB1 - html</title>
     <meta charset="utf-8"> -> 한글이 깨진다면 meta 태그 사용
     </head>
     - 본문을 설명해주는 태그 - 
     
     <body></body> -> 본문을 감싸준다
     
     <a></a> target="" title="" 사용
     <a href="https://www.w3.org/TR/html5/" target="_blank" title="html5">Hypertext Markup Language (HTML)</a>
     
     다른 페이지에 링크 연결
     <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">Java</a></li>
        </ol>
      1.html 2.html 3.html 생성 
      
      <!DOCTYPE html>
    <html>
        <head>
            <title>WEB1 - html</title>
            <meta charset="utf-8">
            </head>
            </html>
    <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">Java</a></li>
        </ol>
    <h2>html</h2>
    <p>
      html 입니다.  
    </p>
    </body>

     

    <h1><h1> -> 헤드라는 뜻이며 제목이다 검색을 통해 더 자세히 알수있다 (HTML h1 tag)
    <strong></strong> -> 강조 표현
    <u></u> -> 글자에 밑줄 표시
    <br> -> 줄 바꿈 이다 <br> 태그 한번에 한줄씩 생성된다 검색을 통해 더 자세히 알수있다(html new line tag)
    <p></p> -> <br> 태그와 다르게 전체적인 단락을 표시를 할수있다 검색을 통해 더 자세히 알수있다 (html paragraph tag)
    <img src="이미지주소" width="크기"> -> 사진을 추가가 가능하다 참조 unsplash에 사진을 무료로 다운받을 수 있다
    <li></li> -> 문단을 만들수있다
    <ul></ul> -> 문단을 나눠줄수있다
    <ol></ol> -> 숫자가 넘버링이 된다
     <!doctype html> -> html을 만들었다는걸 표현
     <head>
     <title></title> -> 본문의 제목을 설정
     <title>WEB1 - html</title>
     <meta charset="utf-8"> -> 한글이 깨진다면 meta 태그 사용
     </head>
     - 본문을 설명해주는 태그 - 
     <body></body> -> 본문을 감싸준다
     <a></a> target="" title="" -> <a> 링크 태그 target -> 새창으로 열림 title 설명

     

    'WEB' 카테고리의 다른 글

    WEB 동영상 삽입  (0) 2024.09.18
    WEB 서버  (2) 2024.09.17
    WEB 호스팅  (0) 2024.09.17
Designed by Tistory.