본문 바로가기

Learning/HTML/CSS

[HTML] basic html code

# 기본적으로 알아야 하는 HTML code
- 구글에서 원하는 것들을 검색해도 잘 나온다.
<br> 줄바꿈- 한개당 한줄이다. 예를 들어 <br><br>- 이렇게 쓰면 두줄 스페이스가 생긴다.
<P> a </p> 줄바꿈을 일일히 할 필요없이 <p>를 문장 또는 문단에 사용하면 자동으로 한 줄이 떨어진다.
<h1> a </h1> 제목에 넣을 때 글자가 굵어지고 커진다. <P>역할도 함께하기 때문에 중복으로 쓰지 않아도 된다.
<i> A </i> 글자를 이텔리체로 만들어준다.
<b>A </b> 글자를 굵게 해준다.
<hr> 중간에 라인이 생긴다.
<sub> A </sub> 글자가 위로 올라간다. 제곱같은 표시
<font color=blue size=10 face=arial> A </font> 글자색, 글자크기, 글자체를 지정해준다.
&copy; 홈페이지 아래 보면 C하고 동그라미가 되어있는 copyright 표시를 해준다.


# 이미지 삽입하기.<img src=image/evra.jpg>
풀어보면 src는 소스라는 뜻이고, image는 폴더 이름이고, evra.jpg는 그림파일 이름이다.
이렇게 지정해주면 이미지가 삽입된다.

# 링크 걸기 <a href=evra.html> EVRA </a>
EVRA라는 글씨를 클릭하면 연결되는 링크이다. EVRA글씨 대신에 그림을 위에 소스를 사용해서 쓸 수 있다.

# 배경화면 넣기 <body background=image/back.jpg>
이미지 삽입과 같은 의미이다. image는 폴더이름이고, back.jpg는 파일 이름이다.



'Learning > HTML/CSS' 카테고리의 다른 글

CSS3 Generator_새로운 태그들  (0) 2012.08.16
[HTML] Contents (목차)_ul, ol, li  (0) 2012.03.10
HTML 수업 시작  (0) 2012.03.07