프론트 엔드/HTML

[HTML] HTML - 8.인용구

인용구(Quotation) HTML에서 인용구를 표현하기 위해서는 다음 2가지 방법으로 나뉩니다. 짧은 인용구(Short Quotation) 블록 인용구(Block Quotation) 1. 짧은 인용구 짧은 인용구는 태그(quotation)을 사용해 표현할 수 있으며, 자동으로 앞뒤에 큰따옴표가 붙습니다. HTML 정의는 웹 페이지를 만들고 그리기 위해 만들 하이퍼텍스트 마크업 언어 입니다. 2. 블록 인용구 블록 인용구는 길이가 긴 인용문을 태그(block quatation)을 사용해 표현합니다. 태그는 이러한 인용 부분을 별도의 단락으로 구분해 나타냅니다. Internet Service의 하나인 World-Wide-Web(WWW)을 통해 볼 수 있는 문서를 만들 때 사용하는 Programming La..

[HTML] HTML - 7.서식

서식(Formatting)\ HTML에서 텍스트(text)에 다양한 효과를 주는 여러 태그(tag)들을 제공합니다. 1.강조 효과 HTML 문서에 텍스트를 굵게 표시하고 싶다면 태그를 사용하거나 태그를 사용합니다. "볼드체 글씨 부분"은 글씨가 굵은 부분을 나타낸다 "strong 부분"은 중요한 부분을 굵게 표시 태그는 단순히 화면의 텍스트를 굵게 표시하는데 사용하고 태그는 텍스트 자체를 굵게 표현해줄 뿐만 아닌 그 내용이 중요하다는 의미와 함께 포함됩니다. HTML 문서에서 italic체를 표현하고 싶을 때에 태그(italic text)나 태그(emphasized text)를 사용합니다. "이탤릭체 글씨부분"은 단순히 글씨가 이탤릭체인 부분 "em 태그 부분"은 단순히 중요한 부분이라 이탤릭체로 표현 ..

[HTML] HTML - 6.단락

단락(Paragraph) html에서 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미합니다. 이것을 문단이라고도 불리는데 HTML에서는 태그를 이용해서 이러한 단락을 표현합니다. 제목1 제목2 제목3 단락 부분 태그의 위아래 여백은 자동적으로 채워집니다. HTML 띄어쓰기와 줄 나누기 HTML 코드에서 띄어쓰기와 줄 나누기를 여러 번 작성해도 웹 브라우저 상에서는 전혀 영향을 주지 못합니다. 웹 브라우저는 여러 번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식합니다. html에서 띄어스기를 하기위해서는 이렇게 여러번의 띄어쓰기와 줄나누기를 한다. 줄나누기 위 예제는 여러번의 띄어쓰기와 줄 나누기를 표현하기 위해 태그를 사용합니다. 하지만 태그 내에 작성된 여러번의 띄어쓰기와 ..

[HTML] HTML - 5.제목 Title

1.제목(Heading) HTML에서 제목을 표현하기 위해서는 의 태그를 사용합니다. 크기가 가장 큰 부터 태그까지 다양한 크기로 페이지의 제목을 설정할 수 있습니다. 제목1 제목2 제목3 제목4 제목5 제목6 태그는 제목의 표현이라는 기능 외적으로도 중요한 역할을 담당하고 있습니다. 여러 검색엔진에서는 각 웹사이트의 내용을 바로 태그를 사용해 키워드를 수집하며 각각의 내용들을 파악하는 역할을 하고 있습니다. 따라서 HTML 문서에 포함되는 제목을 태그로 작성해야만 검색엔지에 의해 제대로 검색될 확률이 높습니다. 태그에는 항상 종료태그가 포함되어야 한다. 대부분의 웹 브라우저에서는 종료 태그를 포함하지 않아도 HTML 문서를 제대로 표현할 수 있습니다. 종료 태그를 포함해야하나? 그러나 종료 태그가 없다..

[HTML] HTML - 4.HTML 요소 구조

HTML 요소구조 HTML 요소(element)는 여러 속성을 가질 수 있고, 이러한 속성(attribute)는 해당 요소에 대한 추가적인 정보를 제공합니다. 속성에는 HTML 요소 중에서도 언제나 시작 태그 내에서 정의되고, 속성 이름과 속성값(value)로 표현됩니다. 속성의 이름은 항상 소문자로 작성해야한다. HTML5 표준에서는 속성 이름에 대소문자를 구분하지 않고 있습니다. 하지만 W3C에서는 속성 이름을 사용할 때 될 수 있으면 소문자 형태로 작성하는 것을 권장하고 있습니다. 또한, XHTML에서 속성 이름을 더욱 엄격하게 소문자로만 사용해야 합니다. 속성값은 언제나 따움표를 사용해 감싸야한다. HTML5 표준을 기준으로 속성 값에 따옴표 사용을 강제해야 합니다. 하지만 속성값을 따옴표로 감싸..

[HTML] HTML - 3.HTML 기본 구조

HTML 기본 구조 이번 시간에는 HTML의 기본 구조에 대해 알아보도록 하겠습니다. 제목 크기1 제목 크기2 제목 크기3 : html의 문서유형을 지정해주는 선언문 : HTML 문서의 시작과 끝을 알려주는 태그 : HTML 문서의 메타데이터(metadata)를 정의하는 태그 - 메타데이터(metadata)는 HTML 문서에 대한 정보(data)로 웹 브라우저에는 그려지지 않는 정보를 의미 - 이러한 메타데이터는 , , , , , 등의 태그들을 사용할 수 있다. : HTML 문서의 제목 title을 뜻하며, 다음과 같은 용도로도 사용된다. - 웹 브라우저의 사이트 제목으로도 표시된다. - 웹 브라우저의 즐겨찾기(favorites)에 추가될 시 사용되는 제목 - 검색 엔진의 결과 페이지로도 이 title이..

[HTML] HTML - 2.HTML의 기초

1.HTML이란? HTML이라는 것은 HyperText(비순차적 검색이 가능한 텍스트) Markup (출력) Language (언어) 의 약자로 한마디로 요약하자면 "내가 입력한 텍스트 출력해주는 언어"라고 요약할 수 있습니다. 웹 페이지에서는 HTML문서 (HTML Document)라고도 불리며 각각의 HTML 태그들로 구성되 있습니다. 각각의 HTML 태그들은 웹 페이지의 디자인이나 기능을 결정할때 사용됩니다. 제목크기 1 제목크기 2 제목크기 3 설명1 설명2 2.HTML 태그(tag) HTML 태그는 태그 사이에 꺽쇠 괄호()로 감싸며 표현합니다. // 시작태그 // 종료 태그 HTML 태그는 보통 시작 태그(start tag,opening tag)와 종료 태그(end tag, closing ta..

[HTML] HTML - 1.HTML의 개요

HTML HTML(하이퍼 텍스트 마크업 언어)라는 뜻으로 즉 웹 페이지를 표현하기 위해 개발된 언어로 누구나 쉽게 배울 수 있는 언어입니다. HTML은 1993년에 발표되었고 현 시점으로부터 19년이 된 언어입니다. HTML을 개발한 버너스 리는 1991년 말 처음으로 인터넷에서 문서를 "HTML 태그(HTML tag)로 부르면서 시작되었습니다. HTML은 앞서말한 것처럼 웹 페이지를 표현, 만드는 데 사용되는 언어이며 배울 의지가 있다면 쉽게 배울 수 있습니다. HTML에 대한 모든 태그는 미리 정의되어 있으면서 각각 태그의 속성만을 사용하면 됩니다. HTML의 파일명은 언어의 이름 그대로 .html 입니다. html을 처음 구성하기 위해서는 시작할 수 있는 코드가 존재합니다. html의 첫시작 Git..

[HTML] href 속성이 없는 a태그의 웹접근성 문제

HTML에서 어떤 요소를 클릭했을 때 동작을 수행하는 방법은 두가지 경우가 있다. 1. 버튼 태그를 쓰는 경우 2. a태크를 쓰는 경우 위 두가지 경우 모두 태그 요소에 클릭 이벤트를 바인딩해 원하는 동작을 수행하게 하면 된다. 하지만 여기서 문제점이 발생하는데 겉으로 보기에는 잘 동작하기에 전혀 이상이 없어 보이지만 이런 태그에서는 가장 중요한 치명적인 문제점이 생겨난다. 💬 Answer 🌏 웹 접근성 👉 웹 접근성이란 ? 웹 접근성은 한국정보회진흥원 웹 접근성 연구소의 정의 어떠한 사용자(장애인, 노인 등). 어떠한 기술환경에서도 사용자가 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보를 접근할 수 있도록 보장해주는 것. 2021.06.10일 「지능정보화기본법」에 따라 장애인이나 고령자분들이 웹..

1.HTML이란?

참고사이트:위키백과. HTML은 (HyperText Markup Language HTML,)의 줄임말로 웹 페이지의 기본을 담당하는 언어이다.HTML은 제목,단락,목록 같은 본문을 위한 구조적 의미를 나타내는 것 뿐만 아니라 링크,인용과 그 밖의 항목으로 구조적 문서 를 만들 수있는 방법을 제공한다. 그리고 이미지와 객체를 내장하고 대화형 양식을 생성하는 데 사용될 수 있다. HTML은 웹 페이지 콘텐츠 안의 꺽쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다. 1.HTML의 역사 HTML은 1980년, 유럽 입자 물리 연구소(CERN)의 계약직이였던 물리학자 팀 버너스리가 HTML을 처음 개발하였고 HTML의 원형인 인콰이어를 제안하였다.1989년 팀 버너스리는 인터넷 기반 Hype..