개발
HTML 기본 폼, h1 - h6 태그, p태그, a태그, img태그 사용방법!!
조쉪
2021. 7. 25. 15:12
반응형
웹페이지의 기본이 되는 HTML기본 폼과 기본 태그에 대해 알아보자!
HTML기본 폼
HTML기본폼은 매우 간단하다.
모든 HTML 문서에는 <!DOCTYPE html>태그를 선언하는 것과 html태그안에 body태그를 넣어주면 끝이다!
그 후에 body태그안에 표시하고 싶은 내용을 적어보자.
<!DOCTYPE html>
<html>
<body>
HTML기본 폼 작성 해보기!
</body>
</html>
h1 부터 h6태그, p태그, a태그, img태그
h1-h6태그는 Heading의 약어로 제목을 나타내는데 사용되고, 숫자가 커질수록 대략 1/3크기 정도 글씨가 작아지는 것 같다.
p태그는 Paragraph의 약어로 단락 혹은 문단을 표시하는데 사용된다.
a태그는 Anchor의 약어로 유저를 화면 이동 혹은 다른 URL로 이동시키는데 사용된다.
href속성에 URL, a태그 사이에는 화면에 표시할 내용을 적으면 글에 밑줄이 생겨 링크처럼 보인다.
img태그는 Image의약어로 사진을 표시할 때 사용된다.
src속성에 사진의 위치, alt속성에는 이미지설명 , width와height속성에 사진의 크기를 설정하여 조절할 수 있다.
밑에서 테스트해보자.
See the Pen STUDY by joStory (@jostory) on CodePen.
도움이 되셨다면, ❤️를 눌러 주시면 감사하겠습니다!
(궁금하신 사항이 있으시거나 이해가 안되신 내용이 있다면 댓글남겨주세요~ )
반응형