📝 프로그램 설치 및 환경설정, HTML 글자,목록 태그
#230208
✔️ html태그 : html 문서의 내용을 정의하는 태그(이 안에 html 코드 작성)
✔️ head 태그 : html 문서를 정의하는 태그
문서의 제목, 스타일 시트(css), 스크립트(js), 메타데이터
✔️ body 태그 : 화면에 보여질 html 문서의 내용을 정의하는 태그
meta charset="UTF-8"
현재 문서의 문자 형식이 UTF-8로 되어있음을 선언
📌 글자태그
<h1> ~ <h6> : 제목을 입력 할 때 사용하는 태그
<hr> : 가로줄 긋기 태그
: 띄어쓰기 한칸
<br> : 줄바꿈
<h3 style="color : red"> : 해당 글씨색 빨간색으로 설정
<p> : 글을 작성하는 용도의 태그 , 종료시 줄바꿈
<pre> : 글이 작성하는 용도의 태그,
시작, 종료 태그 사이에 작성된 문자열의 형식을 그대로 출력함.
<strong> : 글자를 강조하는 태그 (웹접근성)
<b> : 글씨 굵게하는 태그
<i> : 단순히 글자를 기울이는 태그
<em> : 글자를 강조하는 태그 / 기울이는 태그 (웹접근성)
<mark> : 형광펜 효과를 나타내는 태그
<u> : 밑줄을 긋는 태그
<s> <del> : 취소선을 긋는 태그 (글자 한가운데 밑줄)
<small> : 글자를 작게
<sup> : 윗첨자
<sub> : 아랫첨자
<abbr> : (abbreviation 약어) : 마우스 오버 시 툴팁 출력 태그
💻 웹 접근성
일반인 뿐만 아니라, 장애인, 고령자들을 위해
웹사이트에서 제공하는서비스를 모두 이용할 수 있도록 보장하는 것 (의무사항)
웹접근성을 위해서 사용되는 기술 : 스크린 리더
📌 목록태그
<ul> : 순서없는 목록을 작성하는 태그 (영역)
<li> (List Item) : 목록에 들어가는 내용을 작성하는 태그
<ol> (Ordered List) : 순서 있는 목록을 작성하는 태그
✔️ ol 태그의 type 속성
<ol type="a"> --> 영어 소문자 순서 (ex) a,b,c,d)
<ol type="A"> --> 영어 대문자 순서 (ex) A,B,C,D)
<ol type="i"> --> 로마 소문자 순서 (ex) ⅰ,ⅱ,ⅲ,ⅳ)
<ol type="I"> --> 로마 대문자 순서 (ex) Ⅰ,Ⅱ,Ⅲ,Ⅳ)
✔️ 추가속성
<ol start = "5"> --> 순서가 5부터 시작 (ex) 5.6.7)
<ol reversed = "3"> -> 순서 반대로 (ex) 3.2.1)
