반응형
Notice
Recent Posts
Recent Comments
Link
«   2024/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Tags more
Archives
Today
Total
관리 메뉴

걷고 또 걷다 보면

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

연습장

[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 설정

 

반응형

'연습장' 카테고리의 다른 글

[HTML/CSS] 컴알못의 도전기 5일차  (0) 2021.08.19
[HTML/CSS] 컴알못의 도전기 4일차  (0) 2021.08.17
[HTML/CSS] 컴알못의 도전기 1,2일차  (0) 2021.08.16
일상 속, 독어 단어 9  (0) 2020.09.20
일상 속, 독어 단어 8  (0) 2020.09.13
'연습장' Related Articles more
Comments