본문 바로가기
프론트엔드(Front-End)/HTML

HTML 기본 문법

by 기딩 2023. 10. 18.
728x90

기본구조 (구분 안 하지만 대문자 권장)

<!DOCTYPE html>
<HTML>
    <HEAD>
           <TITLE></TITLE>
    </HEAD>
    <BODY>


    </BODY>
</HTML>

 

<br> 줄바꿈

<hr> 수평선

<b> 볼드체 </b> 

<img src =”img.jpg”> 이미지

💡 옵션 width=”1000px” height=”50%”

 

<a href=”a.html”> 링크 연결

<a href=”https://www.naver.com” targer=”a”>

 

 

테이블

<table>
    <tr> 행 추가
        <td>첫 번째 열</td>  
        <td>두 번째 열</td>
    </tr>
</table>

💡 옵션 colspan=”2” 2칸 열 병합 rowspan=”3” 3칸 행 병합

 

 

색 표현

red, green, blue

#000000 ~ #FFFFFF

 

<input>

<input type=”text” id=”name”>

💡 옵션

text, password, radio, checkbox, reset, submit, search, size, maxlength, placeholder, …

 

<select>

<select>
  <option>선택1<option1>
  <option>선택2<option2>
</select>

 

<textarea>

reset, submit은 주로 안 쓰고 직접 구현함

 

 

<li> 리스트 나열, 목록

<ul></li> 혹은 <ol></ol> 태그 내부에 들어감

 

div style 표현 방식

  1. list
  2. list
  3.  
728x90