본문 바로가기

HTML515

w3스쿨즈 HTML(12) - Code, 엔티티, 심볼, 이모티콘, charset, URL, XHTML 태그 : 컴퓨터 코드를 정의 x = 5; y = 6; z = x + y; 태그는 여분의 공백과 줄 바꿈을 유지하지 않습니다. 이 문제를 해결하기 위해 요소를 요소 안에 넣을 수 있습니다. x = 5; y = 6; z = x + y; 태그 : 키보드 입력을 정의함 Save the document by pressing Ctrl + S 태그 : 프로그램 또는 컴퓨팅 시스템의 출력을 정의 If you input wrong value, the program will return Error! 태그 : 변수를 정의함 변수는 수학 표현식의 변수이거나 프로그래밍 컨텍스트의 변수 일 수 있습니다. E = mc2. //출력값 : E = mc2 엔티티 일부 문자는 HTML로 예약되어 있습니다. HTML의 예약 문자는 문자 엔.. 2022. 4. 6.
w3스쿨즈 HTML(11) - 반응형 웹디자인 반응 형 웹 디자인은 모든 장치에서 잘 보이는 웹 페이지를 만드는 것입니다. 반응 형 웹 디자인은 화면 크기와 뷰포트에 따라 자동으로 조정됩니다. 반응 형 웹 사이트를 만들려면 모든 웹 페이지에 다음 태그를 추가하십시오. Responsive Images(반응형 이미지) 반응 형 이미지는 모든 브라우저 크기에 맞게 확장 할 수있는 이미지입니다. CSS width 속성을 100 %로 설정하면 이미지가 반응형이고 확대 및 축소됩니다. 위의 예에서 이미지를 원래 크기보다 크게 확대 할 수 있습니다. 대부분의 경우 더 나은 솔루션은 max-width 속성을 대신 사용하는 것입니다. max-width 속성을 100 %로 설정하면 이미지가 필요한 경우 축소되지만 원래 크기보다 크게 확대되지는 않습니다. width, .. 2022. 4. 4.
w3스쿨즈 HTML(10) - 의미론적인 태그 의미론적인 태그 화면의 상단에 위치하는 사이트나 문서의 전체적인 정보를 정의 문서의 네비게이션 항목을 정의 문서의 구획들을 정의 (참고) 본문 광고와 같이 페이지의 내용과는 관계가 적은 내용들 화면의 하단에 위치하는 사이트나 문서의 전체적인 정보를 정의 그외 기본적으로 표시되지 화면에 표시되지 않는 정보들을 정의 삽화나 다이어그램과 같은 부가적인 요소를 정의 문서에서 가장 중심이 되는 컨텐츠를 정의 참조나 하이라이트 표시를 필요로 하는 문자를 정의 시간을 정의 notes: 문서의 모든 링크가 요소 안에있는 것은 아닙니다. 요소는 주요 탐색 링크 블록에만 사용됩니다. 레이아웃 기법 CSS 프레임워크, flaot, flexbox, grid float : 과거에 레이아웃을 잡기위해 float를 사용했다. 이제.. 2022. 4. 4.
w3스쿨즈 HTML(9) - head 태그는 다음 태그들을 감싸는 container이다. ,,,,, 태그는 메타데이터를 위한 태그이다. (메타 데이터는 문서에 표시되지 않습니다.) 메타 데이터는 일반적으로 문서 제목, 문자 세트, 스타일, 스크립트 및 기타 메타 정보를 정의합니다. title 태그 요소는 문서의 제목을 정의하며 모든 HTML 문서에 필요합니다. 브라우저 탭에서 제목을 정의합니다. 즐겨 찾기에 추가 될 때 페이지 제목을 제공합니다. 검색 엔진 결과에 페이지 제목을 표시합니다. link 태그 요소는 external 스타일 시트에 연결하는 데 사용됩니다. meta 태그 요소는 사용되는 문자설정, 페이지 설명, 키워드, 작성자, 기타 메타 데이터를 지정하는 데 사용됩니다. 메타 데이터는 브라우저 (컨텐츠 표시 방법), 검색 엔진 (.. 2022. 3. 31.
w3스쿨즈 HTML(8) - iframe, File Path iframe HTML iframe은 웹 페이지 내에 웹 페이지를 표시하는 데 사용됩니다. width 와 height 설정(기본 px단위) iframe 테두리 제거 기본적으로 iframe 주위에는 테두리가 있습니다. 테두리를 제거하려면 style 속성을 추가하고 CSS border 속성을 사용하십시오. 물론 CSS를 사용하면 iframe 테두리의 크기, 스타일 및 색상을 변경할 수도 있습니다. iframe Target for a link 링크의 대상으로 iframe을 사용할 수 있습니다. 링크의 타켓 속성은 iframe의 name 속성을 참조해야합니다. W3Schools.com File Path 파일 경로는 웹 사이트의 폴더 구조에서 파일의 위치를 ​​설명합니다. 파일 경로는 다음과 같은 외부 파일에 연결.. 2022. 3. 31.