개발자로서 고려해야 할 사항 중 하나는 웹사이트를 사용하기 위해 스크린 리더가 필요한 사람들이 우리 사이트에 액세스할 수 있도록 하는 방법입니다. HTML은 마크업에서 의미론적 요소의 사용을 제공함으로써 이러한 노력을 지원합니다. 이 기사에서 우리는 웹 개발에서 사용하기 위해 더 대중적인 의미론적 요소들에 대해 다룰 것입니다. 시맨틱 HTML 시맨틱 HTML이 무엇을 의미하는지 설명할 때 시맨틱이라는 단어의 정의로 바로 이동하여 도움을 받을 수 있습니다. Merriam-Webster에 따르면 의미론은 기호의 의미 또는 의미에
HTML 이미지 크기는 이미지의 높이와 너비를 나타냅니다. 에 HTML 속성으로 나열됩니다. 요소. 설정 방법은 다음과 같습니다. 구문 <img>의 너비 및 높이 속성을 설정하는 구문 태그: <img src=<name of website> alt=<alt tag> height=<in px> width=<in px> /> 작동 방식을 보여주는 코드 스니펫은 다음과 같습니다. <!DOCTYPE html> <html> <head&g
HTML에 대한 지식을 확장하면서 고려해야 할 많은 사항 중 하나는 우리가 만드는 것이 페이지를 사용하는 사람들의 경험에 어떤 영향을 미칠 것인지입니다. 우리가 살펴봐야 할 것 중 하나는 웹 페이지의 구성이 경험을 어떻게 변화시킬 것인지입니다. 너무 어수선한 페이지는 클라이언트가 페이지에 머물고 사이트에 있는 동안 의도한 작업을 완료할지 여부에 확실히 영향을 미칩니다. 사이트에서 양식을 구성할 수 있는 방법 중 하나는 라디오 버튼 입력 또는 확인란을 자체 드롭다운에 중첩하여 사용자가 목록을 스크롤하여 하나의 옵션을 찾을 수 있
주의를 끌기 위해 HTML로 텍스트의 서식을 지정하는 방법에는 여러 가지가 있습니다. 이 게시물에서는 HTML의 텍스트를 굵게, 기울임꼴 또는 밑줄로 지정하는 방법에 대해 설명합니다. 곧 포맷 전문가가 될 것입니다! 굵게 텍스트를 굵게로 설정 HTML5 이전의 HTML에서 굵게 표시하려는 텍스트를 <b>로 둘러싸는 것과 관련됨 태그: <!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=viewp
버튼 요소는 사용자가 페이지와 상호 작용할 수 있도록 한다는 점에서 보다 유용한 HTML(Hypertext Markup Language) 요소 중 하나입니다. 로그인, 구독, 삭제 또는 열기, 메뉴 표시, 색상 테마 변경은 버튼으로 수행되는 작업입니다. 기본 브라우저 버튼 스타일은 가장 잘 보이지도 않고 현대적이지도 않습니다. 모든 프로젝트에서 스타일을 사용자 지정하여 동일한 결과에 대해 동일한 코드를 여러 번 반복합니다. 다시 말하지만, 부트스트랩은 우리를 강압합니다. Bootstrap 버튼으로 가능한 일을 살펴보
간단한 한 페이지 포트폴리오 웹사이트, 거대한 회사를 위한 모놀리식 앱, 블로그 또는 포럼을 만들더라도 드롭다운 메뉴가 필요할 가능성이 있습니다. 드롭다운 메뉴는 링크나 작업이 많지만 페이지에 공간이 충분하지 않아 한 번에 모두 표시할 수 없을 때 특히 유용합니다. 일반적으로 드롭다운에는 약간의 JavaScript가 필요합니다. 아직 배우기 시작하지 않았거나 빠른 솔루션을 원하는 경우 Bootstrap이 가장 적합합니다. 부트스트랩이란 무엇입니까? 주변에서 많이 들은 단어일 것입니다. 하지만 부트스트랩이 무엇인가요
사용자를 타사 웹 페이지로 안내하려는 경우 기본 동작은 링크가 동일한 탭의 해당 페이지로 직접 이동하는 것입니다. 페이지를 다시 쉽게 탐색할 수 있도록 새 탭에서 타사 외부 링크를 열어 페이지에 사용자를 유지할 수 있습니다. 이 문서에서는 그 방법을 다룹니다. 구문 <a href=https://placekitten.com/1000/1000 target=_blank rel=noopener noreferrer>Click to See a Kitten!</a> 이 특정 기능은 간단합니다. 대상 속성을 추가하고 _bl
소스를 인용하거나 HTML의 주변 텍스트에서 인용문을 식별하는 방법에는 여러 가지가 있습니다. 오늘은 HTML 인용 요소에 대해 알아보겠습니다. <blockquote> , <q> , <abbr> , <address> , <bdo> 및 <cite> . 각각 고유한 사용 사례가 있습니다. 우리는 각각을 식별하고 마크업에서 사용하는 방법을 보여줍니다. 대문 <blockquote> 요소는 여러 줄의 긴 인용 텍스트에 사용됩니다. 요소는 인용문 자체를 주변 단락이나
HTML에서는 공간을 만들어야 하는 경우가 있는데 스페이스바를 사용하여 공간을 만드는 것만큼 쉽지는 않습니다. 행이나 탭에 여러 공백이 필요한 경우 특히 그렇습니다. HTML은 이러한 여러 공백을 하나의 공백으로 축소하는 경향이 있습니다. 여기에서 HTML 엔터티가 필요합니다. 이 기사에서는 다양한 크기의 공간을 만들 수 있는 다양한 HTML 엔터티를 살펴봅니다. HTML 요소에서 작업할 수 있는 공백에는 네 가지 주요 유형이 있습니다. 즉, 얇은 공백, 줄바꿈하지 않는 공백, en 공백 및 em 공백입니다. 아래 코드 편집기
웹 트래픽을 새 사이트로 리디렉션해야 하는 경우가 있습니다. 일반적으로 백엔드를 통해 리디렉션을 수행하는 방법은 여러 가지가 있지만 이 기사에서는 HTML에서 클라이언트 측 리디렉션을 사용하여 수행하는 방법을 다룹니다. 이 리디렉션은 메타 태그의 HTML 문서 헤드에서 발생합니다. 이 리디렉션의 구문은 브라우저가 새 웹 페이지로 리디렉션되기 전에 지연할 수 있는 기능을 제공합니다. 이 리디렉션의 구문은 다음과 같습니다. <head> <meta http-equiv=refresh content=&
웹 코딩은 엉성한 일이 될 수 있습니다. 가고자 하는 곳으로 갈 수 있는 많은 방법이 있으며 그 중 일부는 다른 것보다 더 효율적이거나 더 효과적일 수 있습니다. 또한 일부 솔루션은 모든 조건에서 작동하지 않을 수도 있습니다. 좋은 웹사이트와 훌륭한 웹사이트의 차이는 접근 방식의 선택에 달려 있으며 HTML 색상 코딩보다 더 분명한 것은 없습니다. HTML 색상 속성을 코딩하는 것은 스트레스가 많은 시련이 될 수 있으며 진행 방법을 결정하는 데 정신이 팔릴 수 있습니다. 하지만 HTML 색상 속성을 코딩하는 데 뇌 수술이 필요
HTML textarea 태그는 양식에 여러 줄로 된 텍스트 입력 필드를 만드는 데 사용됩니다. <textarea>로 정의됩니다. 태그를 지정하고 문자를 무제한으로 저장할 수 있습니다. HTML로 양식을 만들 때 긴 텍스트 문자열을 허용할지 결정할 수 있습니다. 예를 들어 소매업체 웹사이트에 대한 고객 문의 양식을 작성하는 경우 고객이 직면한 문제에 대한 자세한 설명을 수락하는 양식 요소를 만들 수 있습니다. HTML <textarea> 태그가 들어옵니다. <textarea> 요소는 여러 줄
HTML 버튼 태그는 HTML 양식 내에서 클릭 가능한 버튼을 만드는 데 사용됩니다. 그것은 사용자가 웹사이트에 형태로 정보를 제출할 수 있습니다. 버튼의 스타일은 CSS로 제어할 수 있습니다. 웹 페이지에서 양식을 만들 때 사용자가 양식을 제출할 수 있도록 클릭 가능한 버튼을 만들어야 합니다. 예를 들어 사용자로부터 배달 정보를 수집하는 전자 상거래 사이트에 주문 양식이 있을 수 있습니다. 사용자가 양식을 작성한 후 정보를 제출하기 위해 클릭할 수 있는 버튼이 있어야 합니다. HTML <button> 태그가 들
HTML 양식은 텍스트 필드, 드롭다운, 확인란 등을 사용하여 사용자로부터 데이터를 수집합니다. HTML 양식은 <form> 태그 및 사용 <input> 태그를 사용하여 요소를 만듭니다. HTML 양식은 사용자가 웹 사이트 또는 웹 응용 프로그램과 상호 작용할 수 있는 방법을 제공합니다. 웹 양식을 통해 사용자는 웹사이트나 서버에서 처리하고 저장할 수 있는 데이터를 제출할 수 있습니다. HTML에서 양식을 만드는 방법은 무엇입니까? 이것이 이 튜토리얼에서 우리가 대답할 질문입니다. 이 자습서에
HTML 테이블은 행과 열로 표시되는 데이터 세트입니다. HTML 테이블을 만들려면 <table> 요소. 을(를) 사용할 수 있습니다. <tr> 행 생성 <td> 열을 만들고 <th> 테이블 헤더를 생성합니다. 테이블은 행과 열을 사용하여 이해하기 쉬운 방식으로 데이터를 표시하는 데 사용됩니다. 라이더에게 버스가 언제 도착하는지 알려주는 버스 시간표부터 우리가 먹는 음식의 재료 테이블에 이르기까지 우리는 매일 테이블을 만납니다. HTML에서 테이블은 데이터를 표시하는 방
HTML 목록 태그는 웹페이지에 목록을 만드는 데 사용됩니다. 정렬된 목록, 정렬되지 않은 목록 및 설명 목록의 세 가지 유형의 목록을 만들 수 있습니다. 웹 페이지를 구축할 때 정보를 올바른 형식의 목록으로 표시할 수 있습니다. 예를 들어, 목록 형식으로 표시하려는 학생 이름 목록이 있거나 목록 형식으로 지정하려는 일련의 블로그 게시물이 있을 수 있습니다. HTML에서 , 목록을 만들 수 있는 내장 함수가 있습니다. 이 튜토리얼에서는 HTML을 다룰 것입니다. 목록 유형 및 웹 페이지에 구현하는 방법. HTML 목록 유형
다음 기능을 사용하여 HTML 문서에 비디오를 포함할 수 있습니다. <video> , <object> 및 <embed> . 각각 다르게 작동하며 src 원하는 동영상의 URL을 가리키는 속성 웹 페이지를 만들 때 문서에 비디오를 포함할지 결정할 수 있습니다. 예를 들어 케이크 굽는 방법에 대한 자습서를 작성하고 레시피와 함께 비디오를 포함할 수 있습니다. HTML 문서에 비디오를 포함하는 몇 가지 방법이 있습니다. 이 가이드에서는 이러한 HTML을 사용하여 동영상을 삽입하는 세 가지
HTML에서 굵은 텍스트를 만들려면 <b> 태그, <strong> 태그 또는 CSS의 글꼴 두께. 웹페이지를 디자인할 때 특정 텍스트를 강조하고 싶을 수 있습니다. 예를 들어 새로운 기술을 사용하는 방법에 대한 지침 목록이 있고 사용자가 읽어야 하는 특히 중요한 보안 공지가 있다고 가정해 보겠습니다. 사용자가 지침을 읽을 때 해당 알림을 놓치지 않도록 해당 알림을 강조할 수 있습니다. HTML에서 , 코더가 특정 텍스트를 대담하게 만들 수 있는 내장 함수가 있습니다. 이 튜토리얼에서는 HTML
HTML 속성은 HTML 요소에 대한 추가 속성을 정의합니다. HTML 요소의 여는 태그에 지정되며 일부 요소는 작동하려면 속성이 필요합니다. HTML 속성이란 무엇이며 어떻게 사용합니까? HTML을 배울 때 attributes이라는 용어를 접할 수 있습니다. . 속성은 HTML 페이지의 특정 요소에 대한 추가 정보를 제공하는 데 사용됩니다. 속성은 HTML 문서의 여는 태그에 지정되며 일반적으로 이름/값 쌍으로 지정됩니다. 예를 들어 name이라는 속성은 value 값으로 다음과 같이 표시됩니다. name=value .
HTML을 작성할 때 브라우저에서 텍스트를 렌더링할 때 스페이스바를 누를 때 추가 공백이 나타나지 않는 것을 알 수 있습니다. 예: <p>April is the cruelest month,</p> <p>April is the cruelest month,</p> 첫 번째 태그에서 각 단어 사이에는 공백이 하나만 있습니다. 그러나 두 번째 태그에서는 각 단어 사이에 세 개의 공백이 있습니다. 그럼에도 불구하고 각 행은 웹 페이지에서 동일한 방식으로 렌더링됩니다. Ap