<수업내용>
html의 확장자는 html 또는 htm.
하드코딩
프로그램을 이용하지 않고 메모장에서 직접 입력해서 저장하는 것... ex) 메모장
코드에디터: html 코드를 더 빠르고 편리하게 작성할 수 있는 프로그램
코드에디터: 프로그래머가 프로그램 소스 코드를 편집하기 위해 사용하는 소프트웨어.
html문법
html태그는 대소문자를 구분 안함.
태그란: html 코드에서 정보(콘텐츠)를 정의하는 방식.
태그는 <> </> 기호 사용해서 시작과 끝을 표시.
각 태그는 콘텐츠를 감싸며, 태그명은 콘텐츠의 성격과 의미를 나타냄.
<태그명> 콘텐츠입력 </콘텐츠>
시작과끝을 구분할 필요없는 태그도 있음.->단일태그
html주석
주석은 코드에 대한 메모를 남기기 위한 용도.
형식이 다르긴 하지만 주석또한 기호를 통해 시작과 끝을 구분한다.
cf.앞으로 이동할때는 shift+tap
뒤로 이동할때는 tap
<태그명 속성값="">
기본 HTML 구조 작성
! 입력 후 TAP키 누르기.
HTML 문서 타입을 정의하며 현재 문서가 HTML5 문서임을 웹브라우저에게 알리는 단일태그
HTML 문서의 시작되고 끝내는 것을 나타냄. 실제로 화면에는 보이지 않지만 웹페이지 문서에 대한 여러가지 정보로 메타데이터(데이터를 설명하는 데이터)와 타이틀을 정의하는 태그 https://wtss.tistory.com/265 사용되는 메타데이터의 종류로는제목 태그는 웹 페이지 섹션이나 문단의 제목을 나타내는 블록태그.
,
태그(문단 관련 태그)
태그는 문단 paragraph을 나타낼 때 쓰는 블록 태그.(단일태그로도 사용이 가능하긴 함. 여러개 써도 똑같음)
/ 넣어도 상관없음(싱글태그이기 때문. 줄생김)
태그는 문단 내부에서 줄바꿈을 표현하기 위해 사용되는 싱글 인라인 태그이다. (텍스트를 다음줄로 이동하는 태그. 여러번 쓰면 계속 효과 o)
, 태그(글자 관련 태그)- 실제화면에서는 차이가 별로 없슴...
그냥 화면에서만 기울림
중요하다는 의미까지 내포하면서 기울림
그냥 화면에서만 굵게
중요하다는 의미까지 내포하면서 굵게
글자에 밑줄.
- ,
- 태그(목록 관련 태그)
목록을 생성하는 태그
- 순서가 필요없는 목록
- 순서가 필요한 목록.
