2023. 4. 19. 21:46ㆍ카테고리 없음
html을 사용하여 웹 페이지를 만들 수 있습니다.
Visual Studio를 이용해 코드를 작성하였습니다. :>
일단 기본적인 태그로는 <h1> <h2>... <h6> 태그가 있습니다.
제목을 적을 때 쓰기 유용할 것 같은 <hn>태그는 1~6까지의 숫자로 인해 크기가 달라집니다.
↓(<hn> 태그를 사용한 예시입니다.)
[html 코드 삽입]
h1 태그의 크기
h2 태그의 크기
h3 태그의 크기
h4 태그의 크기
h5 태그의 크기
h6 태그의 크기
제목이 아닌 보통의 문장을 쓸 땐
<p> 태그를 사용합니다. 문단 띄우기는 <br> 태그로 하기 때문에 <br> 코드를 잘 숙지해 두시면 편하실 것 같습니다 :)
[html 코드 삽입]
이 문장은 p태그로 작성된 문장입니다. :>
br태그를 사용했기 때문에 enter 키처럼 아래로 문장이 내려왔습니다.
문장에 강조를 해줄 수 있는 태그는 매우 여러가지가 있습니다.
<b>, <em> <strong>과 같은 태그를 사용하면 밋밋한 문장에 강조가 들어오게 됩니다.
[html 코드 삽입]
강조의 의미는 이것과 같이 눈에 띄게하는 것 입니다.
넹넹
아래와 같이 목록이나 순서를 나타내는 태그는 <ul>. <ol>을 사용합니다.
안에는 공통적으로 li태그가 들어갑니다.
[html 코드 삽입]
- ul 태그는
- 하나
- 둘
- 셋
목록을 나타내는 태그이며
-
ol태그는
- 하나
- 둘
- 셋
처럼 순서를 나타내는 태그입니다.
<div> 태그와 <span> 태그는
분활을 의미한다는 공통점이 있습니다.
하지만 <div> 태그는
HTML 요소를 논리적인 섹션으로 분할해 스타일을 지정할 때 사용되고
<span> 태그는 일부 텍스트에 스타일을 적용할 때 사용된다는 차이점이 있습니다.
[html 코드 삽입]
둘의 차이점이 보이시나요?
<table> 태그는 영역을 나누어 표처럼 나타내는 태그입니다.
table 태그 안에 <tr>과 <td>가 짝꿍처럼 들어가 있습니다.
[html 코드 삽입]
| 영역 | 을 | 나누는 | 태그 |
<form> 태그는 로그인 입력란과 유사한 것을 만들거나, chakbox처럼 체크란을 만들 때 사용되는 태그입니다.
[입력란]
[html 코드 삽입]
[체크란]
[html 코드 삽입]