일반적인 HTML 요소 유형
3566 단어 html
Stuart는 프리랜서 일을 하고자 하는 개발자이므로 그를 위해 작업할 일이 있으면 연락하십시오.
basic HTML boilerplate 을 설명하는 이전 게시물에서 설명한 것처럼 HTML은 다양한 요소를 활용합니다. 여기에는 일반적으로 여는 태그와 닫는 태그가 포함됩니다. 나는 대부분의 경우와 마찬가지로 규칙에 항상 예외가 있기 때문에 '보통'이라고 말합니다.
일반적인 HTML 요소
예를 들면
<p> 단락 태그를 예로 들면 다음과 같습니다.<p>This is a paragraph.</p>
HTML 요소 태그는 대소문자를 구분하지 않지만 가장 좋은 방법은 소문자 서식을 사용하는 것입니다.
특별한 순서 없이 다음은 사용할 수 있고 마주하게 될 몇 가지 일반적인 HTML 요소입니다.
<h1>'h'는 헤더를 나타내며 텍스트에 제목과 부제목을 추가하는 용도로만 사용됩니다. 가장 큰 <h1> 에서 시작하여 가장 작은 <h6> 까지 계속됩니다.<p>위에 표시된 것처럼 텍스트를 별도의 단락으로 분리하는 데 사용됩니다.<br>이것은 강제로 캐리지 리턴을 사용하여 단일 줄 바꿈을 삽입하는 데 사용됩니다. 수반되는 닫는 태그가 필요하지 않습니다. 일부는 전통적으로 <br/> 또는 <br />로 작성하지만 이것이 반드시 필요한 것은 아니지만 여전히 작동합니다.<div>div는 HTML 문서 내에서 구분 또는 섹션을 정의하는 데 사용되는 매우 일반적인 방법이며 다른 HTML 요소의 컨테이너로 사용됩니다. 사용되는 경우 여는 태그<div>는 인라인 CSS를 통해 전체 섹션의 스타일을 지정하거나 페이지 내의 특정 ID 섹션에 대한 링크를 위해 종종 <style> 및/또는 <id> 태그를 추가하는 위치입니다.<a href><a> 및 닫는 태그를 사용하여 하이퍼링크를 삽입하는 데 사용됩니다. 또한 'href'를 통해 연결할 주소를 추가해야 합니다. <a href=”url_to_link_to”>Click here</a> .<img>이미지 'img'는 이미지 파일을 추가하거나 연결합니다. 이미지의 링크를 지정하기 위해 소스 'src' 필드도 추가합니다. 즉, <img src=”path_to_image_folder/filename.jpg”> 해당 닫는 태그가 필요하지 않습니다.<button>페이지에서 클릭 가능한 버튼을 정의합니다.<aside>옆 요소는 주변 콘텐츠와 간접적으로 관련된 추가 정보를 표시합니다. 사이드바에서 본문에 대한 '추가 정보'를 표시하는 데 자주 사용됩니다. 많은 브라우저에서 이 요소를 기본 'display: block;' CSS 속성으로 표시합니다.<section>페이지 내의 섹션을 정의합니다. 이것은 각각 단순히 <div> 라고 하는 여러 섹션을 사용하는 것과는 대조적으로 문서 내의 개별 섹션을 명확하게 하는 명확한 방법입니다.<main><section> 태그와 마찬가지로 페이지의 주요 섹션을 정의하고 또 다른 <div> 를 사용하는 것보다 이를 표시하는 더 명확한 방법입니다.<footer>페이지의 바닥글 섹션을 정의하는 데 사용되며 <section> 또는 <div> 유형으로 간주될 수 있습니다.<ol>주문 목록. <li> (목록) 항목과 결합하면 기본적으로 숫자를 사용하여 나열된 다양한 항목을 표시합니다.<ul>정렬되지 않은 목록. <li> (목록) 항목과 결합하면 기본적으로 글머리 기호를 사용하여 다양한 나열된 항목을 표시합니다.<style>두 가지 방식으로 사용됩니다.페이지의
<head> 섹션 내에서 페이지에 적용할 관련 CSS 스타일을 나열합니다(내부 CSS).적용되는 특정 태그에 인라인 CSS 스타일을 추가하려면, 예를 들어
<h1 style="text-align: center;">Centred Heading</h1><!-- -->HTML 코드로 주석을 표시합니다. 예를 들어:<!-- This text is commented out and will not display on the rendered page. -->
이것들은 더 일반적으로 사용되는 HTML 요소의 일부일 뿐입니다. 일부 희귀 옵션을 포함한 전체 목록은 W3 Schools'HTML Element Reference page를 참조하십시오.
읽어주셔서 감사합니다. 연결해 보겠습니다!
제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook 또는
Reference
이 문제에 관하여(일반적인 HTML 요소 유형), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dailydevtips1/common-html-element-types-3kh7텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
