웹/HTML 7

del, ins, code, kbd

1. del, ins 태양계의 행성은 수성, 금성, 지구, 화성, 목성, 토성, 천왕성, 해왕성, 명왕성으로 구성한다. 명왕성은 행성 분류에서 제외되었다. : 삭제(delete)를 뜻하는 줄임말과 삽입(insert)을 뜻하는 줄임말의 태그입니다. 특정한 내용의 변경점을 추적하는데 사용할 수 있습니다. 1.1 cite : 변경점의 출처나 URL을 기재합니다. 1.2 datetime : 변경이 발생한 일시. 시간 등을 지정합니다. 2. code 함수 selectAll()는 입력 필드의 모든 텍스트를 선택하므로, 사용자가 복사 혹은 삭제를 손쉽게 할 수 있습니다. : 짧은 코드 조각을 나타내는 요소로 인라인 형태로 출력됩니다. 3. kbd 새로운 문서는 키보드 단축키 Ctrl+N으로 만들 수 있습니다. : 키..

웹/HTML 2022.10.12

mark, small, sub, sup

1. mark 여러 종의 도롱뇽은 태평양 북서부의 온대 우림에 서식합니다. : 형광펜을 사용해 중요해 보이는 책에 강조 표시를 추가하는 것처럼 생각하면 됩니다. 단, 표시를 위한 용도로는 mark가 아니라 CSS를 적절히 사용해야 합니다. 현재 행동과 관련이 있는 키워드를 강조 표시할 때 사용할 수 있습니다. 기본적으로 스크린리더에서는 를 강조해서 표현하지 않습니다. 2. small MDN Web Docs는 웹 기술과 웹을 구동하는 소프트웨어를 위한 학습 플랫폼입니다. 콘텐츠는 Creative Commons Attribution-ShareAlike 2.5 일반 라이선스에 따라 라이선스가 부여됩니다. : 덧붙이는 글이나, 저작권과 법률 표기 등의 작은 텍스트를 나타냅니다. 단순히 글씨크기를 줄이고자 할 때..

웹/HTML 2022.10.10

abbr, address, bdo

1. abbr 2022년 신조어 중 무물보라는 말이 있다. : 약어(abbreviation)를 뜻하는 태그로 줄임말, 또는 머리글자를 나타냅니다. 선택 속성인 title을 사용하면 줄임말의 전체 뜻이나 설명을 확인할 수 있습니다. 용어나 개념에 익숙하지 않은 사람, 언어를 새로 접한 사람, 인지력 문제를 겪고 있는 사용자에게 큰 도움이 됩니다. 1.1 dfn HTML is a markup language used to create the semantics and structure of a web page. A Specification (spec) is a document that outlines in detail how a technology or API is intended to function and..

웹/HTML 2022.10.10

figure, figcaption

figure, figcation : 독립적인 콘텐츠를 표현하고, 요소를 사용해 설명을 붙일 수 있습니다. An elephant at sunset 1.1 img : 이미지를 삽입하며 설명을 붙일 수 있습니다. 1.2 문장 Bid me discourse, I will enchant thine ear, Or like a fairy trip upon the green, Or, like a nymph, with long dishevell'd hair, Dance on the sands, and yet no footing seen: Love is a spirit all compact of fire, Not gross to sink, but light, and will aspire. Venus and Adonis, ..

웹/HTML 2022.10.09

blockquote, q

blockquote, q : 둘 다 인용문(quote)을 작성할 때 사용하는 태그입니다. 인용문은 다른 사람이나 자신의 말 또는 글을 직,간접적으로 끌어다 쓰는 출처가 있는 문장을 의미합니다. 문장길이, 또는 배치에 따라 , 를 각각 사용합니다. 1. blcokquote Avian carriers can provide high delay, low throughput, and low altitude service. The connection topology is limited to a single point-to-point path for each carrier, used with standard carriers, but many carriers can be used without significant i..

웹/HTML 2022.10.09

정의리스트 dl, dt, dd 태그

: 여러가지 HTML 책을 가지고 있는데 그중에 정의리스트는 반쪽으로 설명된 경우도 있었고, 심지어 아예 설명이 없는 경우도 있었습니다. 처음에는 '정의 리스트는 별로 중요하지 않구나' 라는 생각이었는데 의외로 자주 사용하는 것을 발견해 기록하고 싶었습니다. MDN에서는 정의 리스트를 크게 2가지 용도로 사용한다고 합니다. HTML 요소는 설명 목록을 나타냅니다. 은 로 표기한 용어와 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다. - MDN 1. dl (Definition List, Description List) : ol, ul과 같은 리스트 태그처럼 dl 태그는 리스트를 묶어주는 역할을 합니다. dl 태그..

웹/HTML 2022.07.26

HTML이란?

HTML이란? HTML이란 무엇인가요? HTML(하이퍼 텍스트 마크업 언어)는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다. 또한, HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 출처 : 위키백과 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. 출처 : MDN MDN에서도 HTML은 프로그래밍 언어가 아니고 마크업 언어 라는 정의를 찾을 수 있었는데요. 프로그래밍 언어와 마크업 언어의 차이는 무엇일까요? 왜 프로그래밍 언어가 아닐까요? 무슨 차이가 있을까요? 마크업 언어? 문서가 화면에 표시..

웹/HTML 2022.07.10