Hoseok LEE

Hoseok LEE

Studying CS/Statistics in SNU

[HTML] 01 HTML Basic

less than 1 minute read

Published:

In this post, overral grammar of HTML is introuduced.

TAG

<strong>굵게</strong>
<u>밑줄</u>
<h1>제목</h1>
<h2>소제목</h2>
<br>줄바꿈
<p>
  문단
</p>

Attribute

Tag의 이름만으로는 정보가 부족하여 속성을 추가함.

<img src="이미지주소" width="450">
<iframe src="동영상 주소"></iframe>

Parent & Child relationship tags

  • tag는 그 항목이 어디까지가 연관되어 있는지 경계를 나타내기 위해
      tag 안에 적는다. ```html
      • 1. HTML
      • 2. CSS
      • 3. JavaScript
      ``` ol을 이용하여 같은 내용을 더 간편하게 쓸 수 있다. ```html
      1. HTML
      2. CSS
      3. JavaScript
      ``` ul은 unordered list ol은 ordered list 를 의미한다. ## HTML tag Structure ```html <!doctype html>웹페이지제목 ...``` ## A tag for Link a tag를 이용하여 링크를 만들 수 있다. ```html 링크를 연결할 부분 ``` target="_blank" 를 이용하면 링크를 눌렀을 때 새로운 탭에서 열림. # Useful sites for Web Page disqus : 댓글 기능 추가 가능 tawk.io : 채팅 기능 추가 가능

    • Leave a Comment

    You May Also Enjoy

    Future Blog Post

    less than 1 minute read

    Published:

    This post will show up by default. To disable scheduling of future posts, edit config.yml and set future: false.

    Blog Post number 100

    less than 1 minute read

    Published:

    This is a sample blog post. Lorem ipsum I can’t remember the rest of lorem ipsum and don’t have an internet connection right now. Testing testing testing this blog post. Blog posts are cool.

    Blog Post number 4

    less than 1 minute read

    Published:

    This is a sample blog post. Lorem ipsum I can’t remember the rest of lorem ipsum and don’t have an internet connection right now. Testing testing testing this blog post. Blog posts are cool.

    Blog Post number 3

    less than 1 minute read

    Published:

    This is a sample blog post. Lorem ipsum I can’t remember the rest of lorem ipsum and don’t have an internet connection right now. Testing testing testing this blog post. Blog posts are cool.