
HTML(HyperText Markup Language)
- HTML : 웹 페이지의 구조(Structure)를 담당하는 마크업 언어
- CSS(Cascading Style Sheet) : 디자인 요소를 시각화 하는 언어(Presentation)
- javaScript : 단순한 웹페이지를 프로그램으로 만들어 유저와 상호작용(Interaction)하게 하는 프로그래밍 언어
자주 쓰이는 HTML 태그
많이 쓰이는 html 태그 참고
1. <p></p> : p태그
paragraph, 단락
- 스페이스 아무리 넣어도 공백은 하나로 표시됨.
- 줄바꿈 없이 텍스트를 쭉 입력할 수 있음.
- 문단 위 아래에는 자동으로 공백이 생긴다.
2. <br/> : 줄바꿈
- 단일 태그. 유의해서 사용.
3. <hr> : 가로 선
4. <a></a> : 링크
- href : 주소
- target : 어디에 창을 띄울건지
<a
href="https://i.imgur.com/wVpp6AD.jpg"
target="_blank"
>이미지로 이동</a>
5. <div></div>
- body안에서 각 영역의 섹션을 구분 정의하고, 많이 사용된다.
- html요소의 컨테이너 역할을 한다.
6. <span></span>
- 컨텐츠를 특정한 목적에 따라 그룹핑해줄 때 사용하는 태그.
7. <article></article>
- 독립적으로 사용되는 컨텐츠를 지정한다.
- 시각적인 효과가 있는 태그는 아니지만, 태그 안의 부분이 본문이라는 것을 명시해주기 위해 사용한다.
<article>
<h1>주제</h1>
<p>주제와 관련된 내용 설명</p>
</article>
8. <img src="" alt="" />
- alt : 메세지를 입력.
- src : 이미지 경로.
- width, height 정해줄 수 있다.