연습장

[HTML/CSS] 컴알못의 도전기 3일차

firulais 2021. 8. 16. 21:32
반응형

 

<텍스트에 변화를 주는 태그, 폼 태그>

 

 

텍스트에 변화를 주는 태그 : h, p

 

<p>

   hello! hello2

</p>

 

→ p 태그 내부에서는 줄 바꿈 설정 불가능. 해결 방안? <hr>: 줄 바꿈

 

 

 

 

첫 p태그, 두 번째 p태그 사이는 여백 존재

 

볼트체 적용

 <b> 내용 </b>

 

유사 태그 <strong>, 강조 시 사용, 웹 접근성에서 차이, 시맨틱 태그의 일종(의미를 가짐)

 

 

이탤릭체 적용

<i> 내용 </i>

 

버튼 태그

 

폼 구현, Input 태그

새로운 Input 태그는 옆으로 계속 추가된다. (-> 블록, 인라인 요소에서 해결 가능)

ctrl+space bar에서 자동완성 목록 통해 여러 속성 확인 가능 (예: 패스워드)

 

 

[총정리]

 

  • 문서 타입 html

 

  • head 태그

태그의 시작 <head> 태그의 끝 </head>

 

  • body 태그

 

h1 태그는 제목: 예시에서는 '로그인'

 

'아이디' Input 태그와 '비밀번호' Input 태그의 결합, 줄 바꿈 적용=<br>'비밀번호'는 추가 속성 지정: password-> 출력 시 입력 내용 비공개

 

'로그인' button 설정

 

반응형