언제나 휴일

10. HTML 문서를 작성하는 사람 입장에서는 보기 불편한 특수 문자 안녕하세요. 언제나 휴일, 언휴예요.HTML에서는 는 태그를 표현할 때 사용하죠. 그러면 실제 화면에 를 표현하려면 어떻게 해야 할까요? HTML 문서에 표현하기 위해 약속한 복잡한 표현을 사용해야 하는 특수 문자들이 있어요. HTML 문서를 작성하는 사람 입장에서는 보기 불편한 문자일 수 있죠. 하지만 이러한 특수 문자를 암기하지는 않더라도 필요할 때 찾아서 쓸 수는 있어야 겠죠. 먼저 �나  처럼 표현하면 특수 문자를 확인할 수 있어요. 이는 약속한 코드값으로 문자를 확인하는 것이예요. 이를 HTML 문서 작성에 사용하면 코드값에 따른 문자를 확인할 수 있겠죠. 다음은 코드 00에서 코드 249까..

time 태그로 날짜와 시각 정보를 표시하는 습관을 기릅시다. 안녕하세요. 언휴예요. 이번에는 날짜와 시각 정보를 표시할 때 사용하는 태그를 알아보기로 해요. 태그를 이용하면 날짜 정보, 시각 정보 혹은 날짜 정보와 시각 정보를 표현하였을 때 브라우저나 검색 엔진 및 장애인이 사용하는 보조 기술에 해당 데이터가 일시를 나타낸다는 것을 정확하게 알려줄 수 있습니다. 일시를 다른 텍스트 구문을 입력하는 것처럼 입력하는 게 편하겠죠. 하지만 검색 엔진이나 보조 기술을 사용하는 프로그램이나 시각 장애인은 정확한 정보를 얻을 수가 없습니다. 태그는 날짜 정보만 표시하거나 시각 정보만 표시하거나 두 가지를 병행하여 표시할 수 있어요. 형태로 표현합니다.만약 날짜 정보만 표현할 때는 YYYY-MM-DD 부분만 표현할..

굵게 표시하는 태그 은 강조 는 그냥 굵게 텍스트를 굵게 표시하는 태그는 과 가 있어요. 실제 두 개의 태그는 브라우저에 나타나는 모습은 차이가 없습니다. 하지만 태그는 강조하기 위해 굵게 표시하는 것이며 태그는 굵게 표시는 하지만 강조 의미는 없답니다. 시각 장애우를 위한 스크린 리더기를 만들 때나 웹 수집기에서 강조하는 부분만 수집하는 기능이 있다면 태그를 사용한 것만 수집합니다. 아직까지 이러한 구분을 명확히 사용할 필요를 느끼지 못하겠지만 목적에 맞게 사용하였을 때 다양한 종류의 구독자나 엔진에 의해 게시자의 뜻을 보다 정확하게 전달할 수 있어요. 주의할 점은 제목을 나타낼 때는 strong 태그를 사용하지 마시고 태그를 사용하세요.DOCTYPE html> 굵게 표시하는 strong과 b 태그, ..

mark 태그를 이용하여 중요한 텍스트에 형광펜 효과를 주자. HTML5에서 새롭게 텍스트에 효과를 내는 태그 중에 는 형광펜을 그은 듯한 효과를 줄 때 사용합니다. 예제를 통해 알아보기로 해요. DOCTYPE html> 중요한 곳에 mark로 형광펜 효과주기 안녕하세요. 언휴예요.2016년 5월 17년간 실무와 강의를 마칩니다.그리고 이제까지 축적한 노하우와 지식을 온라인을 통해 공유할 계획이예요.C, C++, C#, Java, Python 등의 프로그래밍 언어와 다양한 기술 및 무료 동영상 강의를 배포할 거예요.언제나 휴일 메인 사이트 만약 형광펜의 색을 사용자가 결정하기를 원하면 스타일을 하나 정의하세요. 그리고 스타일에 background-color 속성으로 색상을 정합니다.투명도까지 정하고자 한..

안전한 구조를 위해 br 태그에 종료를 표시하자. 앞에서 문단을 나타낼 때 ... 태그를 사용하고 소스 코드를 표현할 때 ... 태그를 사용하는 것을 다루었죠. 이번에는 문단을 나누지는 않지만 개행에 사용하는 태그를 소개할게요. HTML의 대부분 태그는 시작 태그와 종료 태그가 있습니다. 물론 내부 문자열이 없을 때 시작과 종료를 한꺼번에 표현하기도 하죠. 시작 태그와 종료 태그태그없이 입력한 예 시작과 종료를 한꺼번에 표현 종료 태그는 시작 태그명과 같은 이름을 사용하고 태그 앞에 /를 추가한 것을 말해요. 그런데 br은 종료 태그가 없습니다. 이러한 특징은 HTML이 구조적으로 안전하지 못하게 하는 요인이기도 합니다. XML은 이에 반해 언제나 시작 태그가 있으면 종료 태그가 있어요. 물론 내부 문자..

목록 태그 - , , 목록을 나열할 때 사용하는 태그는 , , 가 있습니다. 태그는 순서가 중요하지 않을 때 사용하는 태그입니다. 태그는 순서가 중요할 때 사용하는 태그입니다. 태그와 태그의 항목은 태그를 이용합니다. 태그는 제목과 그에 관한 설명을 목록으로 표시할 때 사용하는 태그입니다. 태그를 사용할 때 제목은 , 설명은 태그를 사용합니다. ul 태그 사용 하나 둘 셋 ol 태그 사용 하나 둘 셋 dl 태그 사용 수 하나 둘 셋 Copyright 2015 언제나 휴일 ehclub.co.kr

P 태그와 PRE 태그 HTML에서는 단락을 표현할 때 태그를 사용합니다. 그런데 공백이 여러 개 있어도 하나의 공백으로 처리합니다. 프로그램 소스 코드를 웹 페이지에 게시하면 보는 이는 매우 불편할 것입니다. 태그는 문맥에 입력하는 그대로 화면에 표시합니다. 아직 스크린 리더에서 pre 태그를 만나면 건너뛰어 웹 접근성에 대해 고려해야 한다고 말하는 이들도 있습니다. 다음은 하노이 타워 소스 코드를 태그를 이용한 것과 태그를 이용한 것을 비교하기 위한 것입니다. 하노이 타워 - p 태크 사용 int main(void) { hanoi("A", "B", "C", 16); } void Hanoi(const char *src, const char *use, const char *dest, int n) { if(n

시맨틱 태그와 CSS HTML5에서는 웹 페이지의 내용이 무엇을 의미하는지 파악하기 쉽게 시맨틱 태그를 제공하고 있습니다. 이는 웹 접근성을 보장하기 위해 제공하는 태그들입니다. 스크린 리더와 같은 보조 기술에서 페이지의 내용을 빠르게 분석하고 제어할 수 있습니다. 웹 페이지 맨 위에 메인 메뉴나 페이지 제목등을 나타내는 부분은 header 태그를 사용합니다. 웹 페이지 맨 아래에 저작권 표시 등은 footer 태그를 사용합니다. 빠르게 탐색하기 위해 nav 태그를 사용합니다. 페이지의 주요 내용은 section 태그를 사용합니다. 내용의 조각은 article 태그를 사용합니다. 시맨틱 태그를 적용하기 전 프로그래밍 언어 여행 책 자유로운 글 프로그래밍 언어 C언어 형식 C언어의 형식에는 기본 형식과 매..