HTML10 HTML10. IMG TAG 1. img 태그: 문서에 이미지를 삽입하는 태그로, 닫는 태그가 없는 빈 태그 2. src 속성 -img의 필수 속성으로 이미지의 경로를 나타내는 속성 3. alt 속성 -이미지의 대체 텍스트를 나타내는 속성 -대체 텍스트는 이미지를 대체하는 글을 뜻하며, 웹 접근성 측면에서 중요한 속성 -src속성과 더불어 반드시 들어가야 하는 속성 4. width/height 속성 -이미지의 가로/세로 크기를 나타내는 속성 -값의 단위는 필요하지 않으며, 값을 입력하면 자동으로 픽셀 단위로 계산됨 -width/height는 선택적 속성이지만 이미지의 크기가 고정적이라면 width/height 속성을 선언하는 것이 성능적 측면에서 좋음 -이 속성이 없으면 이미지는 원본 크기대로 노출되며, 둘 중 하나만 선언하면 나머.. 2023. 2. 7. HTML09. LIST 1. ul list (Unordered List) 순서가 없는 리스트 ul list 콩나물 파 국간장 콩나물국에 들어가는 일부 재료를 나열한 리스트 각 재료는 나오는 순서가 바뀌어도 상관이 없기 때문에 이런 것은 순서가 없는 리스트로 표현 가능 ul을 선언한 후 그 안에 li를 사용해 각 항목을 나타냄 2. ol (Order List) 순서가 있는 리스트 ol list 냄비에 국물용 멸치를 넣고 한소끔 끓여 멸치 육수를 7컵 (400ml) 만든다. 콩나물국을 넣고 뚜껑을 덮어 콩나물이 익을 때까지 끓인다. 뚜껑을 열고 대파, 마늘, 고춧가루를 넣고 끓인다. 콩나물국을 끓이는 순서를 나열한 리스트. 이 순서는 바뀌면 안되기 때문에 순서가 있는 ol을 사용함 ul과 마찬가지로 li를 사용해 각 항목을 나타냄.. 2023. 2. 7. HTML08. CONTAINER 1. 의미가 없는 컨테이너 요소 -태그 자체에 아무 의미가 없으며, 단순히 요소들을 묶기 위해 사용되는 태그 -스타일을 주거나 서버에 보내는 데이터를 담기 위한 용도로 사용됨 -의미 없는 태그의 사용 빈도는 매우 높음 -html 태그들은 문서를 웹에 나타내기 위해 제작되어 기본적으로 문서에 최적화되어 있다는 의미를 가짐 -> 현재 웹의 형태는 문서 형태에서 많이 벗어났기 때문 -HTML 버전이 업그레이드 되면서 웹에 알맞은 태그들이 생김. -> 대표적으로 많이 쓰이는 의미 없는 태그 = , 2. , -div(division) 태그는 블록 레벨 태그 -블록 레벨 요소 = 기본적으로 한 줄을 생성해 내용을 표현 -ex) p태그 -span태그 = 인라인 레벨 태그 - 인라인 레벨 요소들은 블록 레벨 요소의 한.. 2023. 2. 7. HTML07. a tag 1. 태그 -a태그, 앵커, 링크 등의 이름으로 불림 -형태: NAVER -href: 링크를 만들기 위해 는 반드시 href(Hypertext Reference)속성을 가지고 있어야 함 -> href속성의 값 -> 링크의 목적지가 되는 URL -target: 링크된 리소스를 어디에 표시할지 나타내는 속성 -속성값: _self: 현재 화면에 표시한다는 의미. target 속성이 선언되지 않으면 기본적으로 self로 동작함 _blank: 새로운 창에 표시한다는 의미. 외부 페이지가 나타나게끔 하는 속성 _parent, _top: 프레임이라는 특정 조건에서만 동작하는 속성으로, 최근에는 프레임을 잘 쓰지 않기 때문에 다루지 x -기타 속성 -a태그에는 이 외에도 많은 속성이 존재. https://develop.. 2023. 2. 7. 이전 1 2 3 다음 728x90
