HTML 스터디 (chap 2)

JiyN·2024년 9월 25일
0

html 스터디

목록 보기
1/3
post-custom-banner

HTML의 기본문법, 기본태그

목표: 웹페이지를 문서답게 표현


문법

태그

태그 뒤의 문자를 변형시킴
<>로 시작, </>로 닫힘

ex. 
<strong></strong> 
<h1></h1> 

주요태그

<strong></strong> 문자 강조
<h1></h1> 문자 제목 처리
<a></a> 하이퍼링크
<ol></ol> 순서 정렬, <ul></ul> 정렬(순서 x)
...

단락 표현 코드

  • p 태그
<html>
    <body>
        <p>단락1</p>

        <p>단락2</p>

        <p>단락3</p>
    </body>
</html>

실행화면

  • br 태그
<html>
    <body>
        단락1<br>

        단락2<br><br> // br 태그를 넣은 만큼 줄간격이 달라짐

        단락3
    </body>
</html>

실행화면

<html>
    <body>
        <img src="flowers.jpg" 
        width="100"height="200" : dlalwldml 넓이와 높이 설정
        alt="꽃 무늬"> // alternative text : 이미지 대체제
    </body>
</html>

실행화면


개발도구

li*4  > li 태그 4개 생성

profile
공부블로거
post-custom-banner

0개의 댓글