코딩 입문자의 코딩공부 기록 시작.
HTML 기본코드(BASIC CODE)
-아래는 HTML 코딩 위해 최우선 작성해야 하는 코드.
You have to write thse code below to begin HTML.
(참고로 sumlimetext에선 파일이름.html로 저장한 후, <html까지 친 다음에 tab키를 누르면 자동 생성됨
(부분만 빼고.)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>제목태그: <H1> ~ <H6>
<H1>이 가장 큰 태그.
<p> </P>: 단락나누는 테그.
<BR>: 줄바꾸기 테그
*H1~H6태그와 P태그는 무조건 BODY 안에 있어야 한다.
단락도 BODY 안으로 들여써야함.
아래와 같이.<body>
<h1>...</h1>
<p>
... <br>
... <br>
...
</p>
</body>아래는 과제.<!DOCTYPE HTML>
<html>
<head>
<title>Challenge: Write a Poem</title>
<meta charset="utf-8">
</head>
<body>
<H1>POEM OF POEM</H1>
<p>
this is a poem<br>
</p>
<p>
though you don't think this is a poem<br>
</p>
</body>
</html><em> :이탤릭체로 바꿔줌.
요렇게
<strong>: 볼드체로 바꿔줌
<strong> like this </strong> <br>
*섞어서 사용 가능.
<strong> 이렇게 <em>섞어서</em> 쓸 수 있다. </strong>ul tag, li tag, ol tag
ul: unordered list
li: list
ol: ordered list
ul안에 li가 최소 1개 있어야 함.(들여쓰기 필수)
ol안에 li가 최소 1개 있어야 함.(들여쓰기 필수)
<ul>
<li> this is by </li>
<li> ul tag </li>
<ol>
<li> this is by> </li>
<li> ol tag </li>이미지 삽입하기
<img src="..." alt="..."> 요렇게 하면 된다.
width = "숫자" height = "숫자" 뒤에 이어서 작성 가능.
(src=source)
(alt=alternate text for image(사진에 대한 설명으로 시각장애인들이 이용시 해당 텍스트를 읽어주게 됨.))
Never stop asking why