학습한 내용
기본적으로 고려해야하는 것!
1. 크로스브라우징
다양한 디바이스,브라우저에서 들어가도 동일한 규격과 기능을 가져야함
참고 사이트 ! https://caniuse.com/
2. 웹표준
정확한 태그에 맞춰 작성하는 것
3. 웹접근성
다양한 상황, 다른 시야를 생각하여
FTP
피시와 서버를 연결해주는 다리
HTML!
html를 태그라는 언어로 설정되어있음
head 실제 웹사이트에서 보이지는 않음
body 정보를 담아내는 영역
<속성 = "속성값">
charset 문자를 담아내는 속성 (기본값)
href 내가 임의로 설정
target = _self, _blank
img 태그 주의점
img src 넣을 때 alt 속성 반드시 써야함(웹접근성)
에러 났을 때 이미지의 정보가 무엇인지 alt값에 써야함
width height 값 둘 다 쓴다면 이미지 비율이 변경됨하지만 잘리지는 않음
주석처리 주의점
주석 안에 주석은 넣지 못함
h태그 주의점
h1 이 가장 중요한 태그 한번만 사용됨
숫자 순서대로 써야함
p태그 주의점
브라우저는 공백을 한칸으로만 인식한다.
span태그
span태그 특정한 단어에 디자인 요소를 넣는 것
mark태그
mark태그 특정 단어를 강조할 때 사용
강조 - 백과사전, 국어사전 역할을 하는 것
설명, 인용구를 사용, 풀이할 때 사용
백그라운드 컬러 노랑색을 기본적으로 가지고 있음
list
ol 순서가 있는 리스트
ul 순서가 필요없는 리스트, 동급인 정보가 아닌 경우(?)
ol,ul 안에 들어가는 요소는 항상 li 태그가 먼저 나와야함!
button
닫기, 확인 버튼을 만들 때 ,기본적으로 가지고 있는 디자인이 있음
submit - 데이터 관련
video
controls autoplay muted loop
audio
cotrols muted loop
메인페이지 index.html로 저장!
label
placeholder 일종의 안내문구
required 필수
min 숫자가 시작하는 최소단위
value 실제로 데이터로 전달하는 것 반드시 쓰기!
checkbox 중복체크 radio 단일체크 checked 미리 체크된 상태
textarea cols 너비 rows 줄
select
table 도표 만들 때
rowspan rowspan !
check!
header
<header>
<hl>
<a href="#">
<img>
</a>
</hl>
nav
<nav>
<ul>
<li><a href="#">메뉴1</a></li>
<li><a href="#">메뉴2</a></li>
<li><a href="#">메뉴3</a></li>
</ul>
</nav>
</header>main
main role="main"
<main role="main">
<section>
<h2>Service</h2>
</section>
<section>
<h2>Portfolio</h2>
</section>article
<article>
<h2>Article title</h2>
<p>그대는 나의 천도 복숭아 그대와 함께 갔던 통영바다</p>
</article>
</main>aside 본문과 관련이 적은 내용 적는 곳
<aside></aside>footer 화면 하단 영역
<footer></footer>div 임의의 공간
<div></div>HTML5
학습한 내용 중 어려웠던 점 또는 해결못한 것들
아직은 기초적인 부분이고, 블로그 운영하면서 쓰던 태그들도 있어 어려운 부분은 없다.
다만 /를 자꾸 안쓰고, <>를 엉뚱한 곳에 적는 실수가 빈번하여 죄없는 키보드와 이마를 때리고 있는 상황.
해결방법 작성
반복적으로 연습하면 실수가 적어질 듯
진지하게 한컴타자연습도 연습할까 싶다
학습 소감
익숙하지만 방심해선 안 될 기초적인 부분
시간 날 때마다 연습해서 기초를 탄탄하게 잡아야겠음.
