HTML74 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. HTML 레이아웃 코딩 예제 이전 글에서는 HTML 레이아웃의 요소와 태그 및 속석에 대해 살펴보았다. 이번 글에서는 앞 글에서 학습한 HTML 레이아웃을 예시로 HTML과 CSS를 활용하여 코딩을 해 볼 것이다. 하나씩 따라오면서 작성을 하면 그렇게 어렵지는 않을 것이다. 먼저 기본 개념으로 HTML 레이아웃 요소에 header, footer, nav, article, section, aside 요소를 활용하는 기본 요소를 작성해보자. 초기 HTML 문서 코딩과 출력 화면이다. HTML 레이아웃 예제 이곳은 헤더 영역입니다. nav Tiger Lion Puma section start 동물의세계 호랑이 사자 퓨마 section end aside footer > 다음은 nav 영역이다. HTML nav 요소 nav 영역을 가로로 변.. 2023. 5. 25. 이전 1 ··· 5 6 7 8 9 10 11 ··· 19 다음
