HTML156 HTML 스타일 안내 일관되고 깨끗하고 정돈된 HTML 코드를 사용하면 다른 사람이 사용자의 코드를 더 쉽게 읽고 이해할 수 있다. 다음은 좋은 HTML 코드를 만들기 위한 몇 가지 지침과 팁이다. 항상 문서 유형을 선언 항상 문서 유형을 문서의 첫 번째 줄로 선언한다. HTML의 올바른 문서 유형은 다음과 같다: 소문자로 요소 이름을 사용 HTML을 사용하면 요소 이름에 대문자와 소문자를 혼합할 수 있다. 그러나 다음과 같은 이유로 소문자 요소 이름을 사용하는 것이 좋다: 대문자와 소문자 이름을 혼합하면 잘못 표시됨 개발자는 일반적으로 소문자 이름을 사용합니다 소문자가 더 깨끗해 보입니다 소문자가 쓰기 더 쉽습니다 좋은 예 나쁜 예 This is a paragraph. This is a paragraph. 모든 HTML요소.. 2023. 5. 29. HTML 시멘틱 요소(Semantic elements) 시멘티 요소란 무엇인가? 시맨틱 요소는 브라우저와 개발자 모두에게 그 의미를 명확하게 설명한다. 비의미 요소의 예: 및 - 내용에 대해 아무 것도 말하지 않습니다. 의미론적 요소의 예: , , - 그 내용을 명확하게 정의한다. HTML에서 시멘틱 요소 많은 웹 사이트에는 탐색, 머리글 및 바닥글을 나타내는 와 같은 HTML 코드가 포함되어 있다. HTML에는 웹 페이지의 다른 부분을 정의하는 데 사용할 수 있는 몇 가지 의미 요소가 있다: 태그 설명 독립적이고 독립적인 콘텐츠 정의 페이지 내용 이외의 내용을 정의 사용자가 보거나 숨길 수 있는 추가 세부 정보를 정의 요소에 대한 캡션을 정의 그림, 다이어그램, 사진, 코드 목록 등과 같은 자체 포함 콘텐츠를 지정 문서 또는 섹션의 바닥글을 정의 인기있는 .. 2023. 5. 28. HTML 컴퓨터 코드 요소 HTML에는 사용자 입력 및 컴퓨터 코드를 정의하기 위한 몇 가지 요소가 포함되어 있다. a=1; b=3; c=a+b; 컴퓨터 코드 프로그래밍 코드: a = 5; b = 6; c = a + b; HTML 요소(키보드 입력) HTML 요소는 키보드 입력을 정의하는 데 사용된다. 내부 내용은 브라우저의 기본 단일 공간 글꼴로 표시된다. kdb 요소 kbd 요소는 키보드 입력을 정의하는 데 사용됩니다: Ctrl + S를 눌러 문서를 저장합니다 HTML 요소(프로그램 출력) HTML 요소는 컴퓨터 프로그램의 샘플 출력을 정의하는 데 사용됩니다. 내부 내용은 브라우저의 기본 단일 공간 글꼴로 표시됩니다. 예로 일부 텍스트를 문서의 컴퓨터 프로그램에서 출력되는 샘플로 정의한다: samp 요소 samp 요소는 컴퓨터.. 2023. 5. 27. HTML 반응형 웹 디자인 반응형 웹 디자인은 모든 기기에 잘 어울리는 웹 페이지를 만드는 것이다! 반응형 웹 디자인은 다양한 화면 크기와 뷰포트에 따라 자동으로 조정된다. Response Web Design은 HTML 및 CSS를 사용하여 웹 사이트의 크기를 자동으로 조정, 숨기기, 축소 또는 확대하여 모든 장치(데스크탑, 태블릿 및 전화기)에서 보기 좋게 만드는 것이다: 뷰포트 설정(Setting the Viewport) 응답성 있는 웹 사이트를 만들려면 모든 웹 페이지에 다음 태그를 추가한다: 페이지의 뷰포트를 설정하면 페이지의 크기와 크기 조정을 제어하는 방법에 대한 지침이 브라우저에 제공된다. 다음은 뷰포트 메타 태그가 없는 웹 페이지와 뷰포트 메타 태그가 있는 동일한 웹 페이지의 예이다: 팁: 스마트폰이나 태블릿에서 이.. 2023. 5. 26. 이전 1 ··· 25 26 27 28 29 30 31 ··· 39 다음
