본문 바로가기

html8

[HTML] sup 태그와 sub 태그 HTML에서 첨자 표시, sup 태그와 sub 태그 와 태그는 HTML에서 상위 첨자와 하위 첨자를 각각 표시하는 데 사용됩니다. 이들 태그는 주로 수학적 표현, 화학식, 참조 표시 등에 사용됩니다. 사용법은 매우 간단하며, 텍스트를 나 태그로 감싸면 됩니다. 태그 태그는 텍스트를 상위 첨자로 표시합니다. 상위 첨자 텍스트는 일반 텍스트보다 작고, 기준선 위에 위치합니다. 예를 들어, 수학의 거듭제곱을 표시할 때 사용할 수 있습니다. 이것은 상위 첨자 예제입니다: 102 = 100. 태그 태그는 텍스트를 하위 첨자로 표시합니다. 하위 첨자 텍스트는 일반 텍스트보다 작고, 기준선 아래에 위치합니다. 화학식에서 원소의 원자 번호나 화학반응에서의 계수를 표시할 때 유용합니다. 이것은 하위 첨자 예제입니다: H.. 2024. 3. 3.
의미론적 마크업 태그, HTML에서 ins 태그와 del 태그 의미론적 마크업 태그, HTML에서 ins 태그와 del 태그 HTML에서 ins 태그와 del 태그는 문서 내용의 변경 사항을 나타내는 데 사용됩니다. 각 태그의 용도는 다음과 같습니다. ins 태그 ins 태그는 문서에 새로 추가된 텍스트를 표시합니다. 이 태그로 표시된 텍스트는 일반적으로 밑줄이 그어져 표시됩니다. ins 태그는 cite 속성과 datetime 속성을 포함할 수 있어, 변경 사항에 대한 출처 URL과 변경이 발생한 날짜 및 시간을 명시할 수 있습니다. 사용 예 여기에 추가된 텍스트가 있습니다. del 태그 del 태그는 문서에서 삭제된 텍스트를 표시합니다. del 태그로 표시된 텍스트는 일반적으로 취소선이 그어져 표시됩니다. 마찬가지로, cite 속성과 datetime 속성을 사용하.. 2024. 3. 2.
[HTML] 짧은 인용문에 의미를 부여하려면, q 태그를 의미가 포함된 인용문 태그, q HTML에서 q 태그는 짧은 인용문을 나타내기 위해 사용됩니다. 이 태그를 사용하면 좋은 점은 다음과 같습니다: 의미론적 마크업(semantic markup): q 태그는 텍스트가 인용문임을 명시적으로 표시합니다. 이는 웹페이지의 의미를 명확히 하며, 검색 엔진과 접근성 도구가 콘텐츠를 올바르게 해석할 수 있도록 돕습니다. 자동 인용 부호: 대부분의 브라우저는 q 태그로 감싸진 텍스트에 자동으로 인용 부호(“ ”)를 추가합니다. 따라서 별도의 CSS 스타일이나 인용 부호를 수동으로 추가할 필요가 없습니다. 스타일링 용이성: CSS를 이용하여 q 태그로 마크업 된 인용문에 특별한 스타일을 적용하기 쉽습니다. 예를 들어, 인용 부호의 스타일이나 인용문의 폰트를 변경할 수 있습.. 2024. 3. 1.
HTML, XHTML, 그리고 XML의 비교 HTML, XHTML, 그리고 XML HTML, XHTML, 그리고 XML은 웹 페이지와 웹 애플리케이션을 만들 때 사용되는 마크업 언어들로, 서로 밀접한 관련이 있지만 각각 다른 특성과 용도를 가지고 있습니다. HTML (HyperText Markup Language) 웹 페이지의 구조를 정의하는 데 사용되는 표준 마크업 언어입니다. HTML은 웹의 기본 구성 요소로, 텍스트 콘텐츠를 구조화하고 링크, 이미지, 리스트, 테이블 등 다양한 웹 콘텐츠를 웹 브라우저에 표시하기 위해 사용됩니다. HTML은 유연성이 높고 쉽게 사용할 수 있으나, 이 유연성으로 인해 문서의 구조가 엄격하지 않을 수 있습니다(예: 태그를 제대로 닫지 않아도 대부분의 브라우저에서는 잘 작동함). XHTML (eXtensible H.. 2024. 2. 28.
마크업(Mark Up) 언어 정리 마크업(Mark Up) 언어 마크업 언어(ML, Markup Language)는 태그나 기타 지시사항을 사용하여 문서나 데이터의 구조를 명시하는 언어입니다. 이는 텍스트에 추가 정보를 부여하여 문서의 구조, 스타일, 링크 등을 정의하는 데 사용됩니다. 마크업 언어는 웹 페이지를 생성하고, 데이터를 저장하며, 문서의 형식을 지정하는 등 다양한 목적으로 활용됩니다. HTML 언어 가장 널리 알려진 마크업 언어로는 HTML(HyperText Markup Language)이 있습니다. HTML은 웹 페이지의 구조를 정의하는 데 사용되며, 텍스트, 이미지, 링크 등 웹 페이지에 필요한 모든 요소를 포함할 수 있습니다. 예를 들어, 태그는 문단을 나타내고, 태그는 하이퍼링크를 생성합니다. XML 언어 XML(Ext.. 2024. 2. 25.
[HTML] 코딩으로 웹브라우저에 Hello world! 출력하기 코딩으로 웹브라우저에 Hello world! 출력하기 웹브라우저에 다음과 같은 출력 결과가 나오도록 메모장을 통해 코딩을 해봅시다. 굵은 글씨로 출력되게 하는 방법은 여러가지가 있습니다. 웹 문서를 메모장을 이용해서 작성하는 것은 가장 기본적인 작성 방법입니다. 에디터를 이용하면 더욱 쉬우면서 효과적인 작성이 가능합니다. 그 중에서 한 가지 방법으로 제목태그를 사용했습니다. 물론 다른 방법으로 위와 같은 결과를 출력할 수 있습니다만 여기서는 간단한 태그를 사용했습니다. 'h1' 태그는 제목 태그 중에서 가장 상위 태그입니다. 이 태그는 한 문서에 하나만 사용하는 것이 검색에 유리합니다. 검색 로봇은 태그를 참고해서 검색하기 때문입니다. 코딩한 내용을 저장할 때는 '파일 형식'에서 '모든 파일'을 선택하고.. 2023. 3. 23.
[HTML] 홈페이지 태그의 위계 관계와 검색엔진과 SEO 태그의 위계 관계 태그 간의 관계를 표현하는 방식으로 '부모'와 '자식'의 관계가 있습니다. 즉 상하 위계가 있습니다. '리스트 태그' 예를 들면 리스트 태그에서 상하관계는 다음과 같습니다. 이와 같은 HTML코드가 아래와 같은 모습으로 브라우저에 출력됩니다. [ol]태그는 [ordered list]를 의미합니다. 만약 위 예에서 [ol] 대신 [ul]을 사용하면 어떤 결과가 나올까요. [ul]은 [unordered list]에서 나온 태그입니다. 짐작되시겠지만 넘버가 매겨지지 않은 리스트가 출력됩니다. 검색엔진과 HTML HTML태그 중에는 검색엔진과 궁합이 잘 맞는 태그가 있습니다. 즉 제목태그인 [h]태그는 검색엔진이 검색하는데 우선권이 주어집니다. 그러나 같은 모습을 나타냈을지라도 제목 태그가 아.. 2023. 3. 22.
[Sigil] HTML 태그 기본 구조와 대표 태그 HTML과 xhtml의 관계HTML은 HyperText Markup Language의 약자로 웹 페이지를 만들기 위한 마크업 언어입니다. xhtml은 Extensible Hypertext Markup Language의 약자로 HTML의 확장판이며 XML(Extensible Markup Language)을 기반으로 만들어졌습니다. XHTML은 HTML과 유사하지만 몇 가지 차이점이 있습니다. 첫째, XHTML은 XML 문법을 따르기 때문에 XML에서 사용되는 엄격한 문법 규칙을 따릅니다. 둘째, XHTML은 모든 요소와 속성의 소문자 및 대문자를 구별합니다. 셋째, XHTML은 모든 요소가 닫혀 있어야 하며, 시작 태그와 종료 태그가 모두 필요합니다. sigil에서 HTMLSigil에서는 기본적인 페이지 .. 2023. 3. 20.

티스토리툴바