Web/html 36

HTML TEXT요소 - 단락편

단락(Paragraph)이란 내용을 끊어 구분할 수 있는 하나하나의 부분을 의미합니다. HTML에서는 라는 태그를 이용하여 이러한 단락을 표현합니다. 단락의 내용입니다. 띄어쓰기와 줄 내림 HTML 코드에서 띄어쓰기나 줄 내림을 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 영향이 없습니다. 여러 번의 띄어쓰기는 오직 한번의 띄어쓰기로만 인식하게 됩니다. 첫번째 줄입니다. 두번째 줄입니다. 과연 그대로 보여질까요? 저희는 위 소스를 통해서 첫번째 줄입니다. 두번째 줄입니다. 과연 그대로 보여질까요? 이와 같이 출력되기를 원하게 되실 겁니다. 하지만 실제로는 첫번째 줄입니다. 두번째 줄입니다. 과연 그대로 보여질까요? 이와 같이 보여지게 됩니다. 그렇다면 어떻게 해야 내가 원하는 방향으로 내용을 ..

Web/html 2023.08.30

HTML TEXT요소 - 제목편

HTML은 제목으로는 다양한 크기의 태그를 통해 표현합니다. 가장 큰 태그부터 가장 작은 태그까지 다양한 크기로 표현하실 수 있습니다. 제목1의 크기 제목2의 크기 제목3의 크기 제목4의 크기 제목5의 크기 제목6의 크기 이런 태그는 제목의 기능으로 중요한 역할을 하며 그외 기능을 수행하고 있습니다.. 여러 검색엔진은(SEO) 각 웹 사이트의 내용을 바로 이 태그를 이용하여 키워드를 수집합니다. 따라서 HTML 문서에 포함되는 제목은 태그로 작성해야만 검색엔진에 의해 제대로 검색될 확률을 높일 수 있습니다. 검색엔진에 사용하는 이라는 metadata와는 다른 요소입니다.

Web/html 2023.08.30

04.HTML 구조(요소)

HTML 요소는 여러가지의 속성을 가질 수 있으며, 이러한 속성은 해당 요소에 대한 추가적인 정보를 제공하게 됩니다. HTML 요소는 시작 태그로 시작해서 종료 태그로 끝납니다. 속성은 HTML 요소 중에서도 언제나 시작 태그 내에서만 정의되며, 속성 이름과 속성값으로 표현됩니다. 속성명은 언제나 소문자로 작성 HTML5 표준에서는 속성 이름에 대소문자를 구분하지 않고 있습니다만, W3C에서는 속성 이름을 사용할 때 될 수 있으면 소문자로 작성하도록 권장하고 있습니다. 속성값은 언제나 따옴표로 HTML5 표준에서는 속성값에 따옴표 사용을 강제하지 않습다만, 속성값을 따옴표로 감싸지 않으면, 상황에 따라 오류가 발생할 수 있습니다. 사용예제 파란색 빨간색 글씨 크기 20px p : 태그이름 style : ..

Web/html 2023.08.29

03.HTML의 구조(기본)

제목 1 입니다. 제목 2 입니다. 제목 3 입니다. 본문 단락입니다. 위 문서는 HTML의 기본적인 구조입니다.저희가 코딩을 하기 위해서는 기본적인 구조를 이해하고 각 상황에 맞는 태그를 활용하여 코드를 정의하여야 합니다.  : 문서가 HTML5 임을 명시합니다.  : HTML 문서의 루트(root) 요소를 정의합니다. : HTML 문서의 metadata를 정의합니다.metadata(메타데이터)란?HTML 문서에 대한 정보이며, 브라우저에는 직접적으로 표현되지 않습니다., , , , 등의 태그들을 이용하여 문서의 제목, 스타일 등을 지정 할 수 있습니다. 은 브라우저의 툴바(toolbar)에 표시되며, 검색 엔진의 결과, 즐겨 찾기 등의 제목이 됩니다.: 브..

Web/html 2023.08.27

02.HTML의 기초

HTML이란 무엇일까?? HTML은 (HyperText Markup Language)의 약자로서, 웹 페이지는 HTML 문서라고도 불리며, HTML 태그들로 구성되어 있습니다. 각각의 HTML 태그는 웹 페이지의 기능과 디자인을 결정합니다. 태그(tag) HTML 태그는 태그를 괄호()문자로 감싸서 나타냅니다. 태그는 시작과 종료의 이름이 동일하지만 종료에는 이름 앞에 / (슬러쉬)가 존재합니다. 과 같이 종료 태그가 없는 태그도 존재합니다. 이들을 시작 태그만을 가지는 태그를 빈 태그(empty tag)라고 합니다. 작성 Html 을 작성하기 위해선 에디터 프로그램이나, 메모장 등을 활용하여 작성 하실 수 있으며, 확장자를 .html로 저장하신 후 웹 브라우저를 통하여 확인 하실 수 있습니다. 현재 H..

Web/html 2023.08.26