HTML 기본 튜토리얼: HTML 요소를 익히는 방법 배우기
HTML 문서는 HTML 요소로 구성된 텍스트 파일입니다.
HTML 요소는 HTML 태그를 사용하여 정의됩니다.
HTML 태그
HTML 태그는 HTML 요소를 표시하는 데 사용됩니다.
HTML 태그는 < 기호로 둘러싸여 있습니다.
이러한 기호를 이라고 합니다.
HTML 태그는 쌍으로 나타납니다. 예를 들어 그리고.
시작 태그와 종료 태그 사이의 텍스트가 요소의 내용입니다.
HTML 태그는 대소문자를 구분하지 않으며 와 동일한 효과를 갖습니다.
HTML 요소
이전 섹션의 예를 기억하세요.
이것이 내 첫 페이지입니다. 이 텍스트는 굵게 표시되어 있습니다.
HTML 요소입니다.
이 텍스트는 굵게 표시됩니다.
이 HTML 요소는 시작 태그로 시작됩니다.
이 요소의 내용은 "이 텍스트는 굵게 표시됩니다."입니다.
이 HTML 요소는 닫는 태그로 종료됩니다.
태그는 굵게 표시되는 HTML 요소를 정의합니다.
이것은 HTML 문서이기도 합니다.
이것은 내 첫 페이지입니다. 이 텍스트는 굵게 표시되어 있습니다.
이 HTML 요소는 태그로 시작하고 태그로 끝납니다.
태그는 HTML 파일의 본문을 포함하는 HTML 요소를 정의하는 데 사용됩니다.
왜 소문자 태그를 사용하나요?
방금 언급한 내용: HTML 태그는 대소문자를 구분하지 않으며 동일한 효과를 갖습니다. 웹 서핑을 하다 보면 대부분의 튜토리얼에서 예제에 대문자 HTML 태그를 사용하는 것을 볼 수 있습니다. 그리고 우리는 항상 소문자를 사용합니다. 이유는 무엇입니까?
차세대 HTML을 준비하려면 소문자 태그를 사용해야 합니다. W3C(World Wide Web Consortium) 표준에서는 HTML 4에서는 소문자 태그 사용을 권장하고, XHTML(차세대 HTML)에서는 소문자 태그를 사용해야 한다고 규정하고 있습니다.
태그 속성
태그는 속성을 가질 수 있습니다. 속성은 페이지의 HTML 요소에 대한 추가 정보를 제공합니다.
앞서 언급했듯이 태그는 페이지의 본문 요소를 정의하는 데 사용됩니다. 다음과 같이 bgcolor 속성을 추가하여 페이지의 배경색을 빨간색으로 표시하도록 브라우저에 지시할 수 있습니다.
은 HTML 테이블을 정의하는 데 사용됩니다. 테두리 속성을 추가하여 테두리 없이 표를 표시하도록 브라우저에 지시할 수 있습니다.
속성은 name="value"와 같이 속성 이름과 값으로 구성됩니다. HTML 요소의 시작 태그에
속성을 추가해야 합니다.
작은따옴표인가요, 큰따옴표인가요?
속성 값은 따옴표로 묶어야 합니다. 일반적으로 큰따옴표를 사용해야 하지만 작은따옴표도 괜찮습니다.
그러나 속성 값 자체에 큰따옴표가 포함된 경우에는 작은따옴표를 사용해야 합니다. 예:
name='John"ShotGun"Nelson'
위 내용은 기본 HTML 튜토리얼입니다. HTML 요소의 내용을 익히는 방법을 배우려면 PHP 중국어 웹사이트( www.php.cn)!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7465
15
1376
52
77
11
45
19
18
19
HTML로 Excel 데이터를 읽는 방법
Mar 27, 2024 pm 05:11 PM
HTML로 Excel 데이터를 읽는 방법: 1. JavaScript 라이브러리를 사용하여 Excel 데이터를 읽습니다. 2. 서버측 프로그래밍 언어를 사용하여 Excel 데이터를 읽습니다.
JS에서appendChild와 추가의 차이점
Feb 20, 2024 pm 06:57 PM
JS에서 AppendChild와 Append의 차이점에는 특정 코드 예제가 필요합니다. JavaScript에서는 DOM(Document Object Model)에 하위 요소를 동적으로 추가해야 할 때 일반적으로 AppendChild 및 Append 메서드를 사용합니다. 그 목적은 상위 요소에 하위 요소를 추가하는 것이지만 용도에는 몇 가지 차이점이 있습니다. 1.appendChild 메소드appendChild 메소드는 DOM 노드 객체의 메소드 중 하나입니다.
onclick을 사용하여 PHP 함수 실행
Feb 29, 2024 pm 04:31 PM
또한 Jquery 라이브러리를 사용하여 onclick() 이벤트를 통해 PHP 함수를 실행하는 또 다른 방법도 다룹니다. 이 메소드는 웹 페이지에 PHP 함수의 내용을 출력하는 javascript 함수를 호출합니다. 또한 onclick() 이벤트를 사용하여 PHP 함수를 실행하는 또 다른 방법, 즉 순수 JavaScript를 사용하여 PHP 함수를 호출하는 방법도 보여 드리겠습니다. 이번 글에서는 PHP 함수를 실행하는 방법, GET 메소드를 이용해 URL로 데이터를 보내는 방법, isset() 함수를 이용해 GET 데이터를 확인하는 방법을 소개하겠습니다. 이 메소드는 데이터가 설정되고 함수가 실행되면 PHP 함수를 호출합니다. jQuery를 사용하여 onclick() 이벤트를 통해 PHP 함수를 실행하는 데 사용할 수 있습니다.
드림위버 줄 바꿈이란 무엇입니까?
Apr 08, 2024 pm 09:54 PM
Dreamweaver에서 <br> 태그를 사용하여 메뉴, 단축키 또는 직접 입력을 통해 삽입할 수 있는 줄 바꿈을 만듭니다. CSS 스타일과 결합하여 특정 높이의 빈 행을 만들 수 있습니다. 어떤 경우에는 <br> 태그 대신 <p> 태그를 사용하는 것이 문단 사이에 자동으로 빈 줄을 만들고 스타일 제어를 적용하므로 더 적합합니다.
CSS 변환을 사용하여 요소 변환
Feb 24, 2024 am 10:09 AM
CSS에서 Transform의 사용 CSS의 Transform 속성은 HTML 요소의 이동, 회전, 크기 조정 및 기울이기와 같은 작업을 수행할 수 있는 매우 강력한 도구입니다. 요소의 모양을 극적으로 바꾸고 웹 페이지를 더욱 창의적이고 역동적으로 만들 수 있습니다. 이 기사에서는 Transform의 다양한 용도를 자세히 소개하고 구체적인 코드 예제를 제공합니다. 1. 이동(Translate) 이동이란 요소를 x축, y축을 따라 지정된 거리만큼 이동하는 것을 말합니다. 구문은 다음과 같습니다:
CSS에서 호버를 사용하는 방법
Feb 23, 2024 pm 12:06 PM
CSS의 hover 의사 클래스는 마우스를 요소 위로 가져갈 때 요소의 스타일을 변경할 수 있는 매우 일반적으로 사용되는 선택기입니다. 이 문서에서는 hover 사용법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 기본 사용법 hover를 사용하려면 먼저 요소의 스타일을 정의한 다음 :hover 가상 클래스를 사용하여 마우스를 가리키고 있을 때 해당 스타일을 지정해야 합니다. 예를 들어, 버튼 위에 마우스를 올리면 버튼의 배경색이 빨간색으로 바뀌고 텍스트 색상이 흰색으로 바뀌고 싶습니다.
CSS에서 능선은 무엇을 의미합니까?
Apr 28, 2024 pm 04:06 PM
Ridge는 양각 효과가 있는 3D 테두리를 만드는 데 사용되는 CSS의 테두리 스타일로, 융기된 능선 모양의 선으로 나타납니다.
HTML 파일과 CSS 파일을 연결하는 방법
Mar 26, 2024 pm 02:31 PM
HTML과 CSS 파일의 연결은 웹 페이지의 모양과 사용자 경험에 매우 중요합니다. 이 문서에서는 인라인 스타일, 내부 스타일 시트, 외부 스타일 시트를 포함하여 HTML 파일과 CSS 파일 간의 연결 방법을 자세히 설명합니다. 이러한 방법과 관련 고려 사항을 이해함으로써 개발자는 웹 페이지의 스타일과 레이아웃을 효과적으로 구현할 수 있습니다.
