본문 바로가기

W3Schools9

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(6) - 리스트[list] Unordered List // 순서기호가 존재하지않음 Coffee Tea Milk CSS list-style-type 속성은 목록 항목 마커의 스타일을 정의하는 데 사용됩니다. disc : 기본속성으로 검은색 꽉찬 동그라미 circle : 빈속 동그라미 square : 검은색 네모 none : 아무것도 표시되지않음 Coffee Tea Milk list image ul { list-style-image: url('sqpurple.gif'); } position list ul.a { list-style-position: outside; } ul.b { list-style-position: inside; } Remove Default 셋팅 ul { list-style-type: none; margin: 0;.. 2022. 3. 29.
w3스쿨즈 HTML(6) - 테이블[table] HTML을 하다보면 가장 많이 사용되는 태그가 바로 테이블이다. 테이블은 표를 만들어주는 HTML 태그인데, 지금은 잘 사용하지는 않지만 과거에 웹사이트의 레이아웃을 배치할 때도 많이 사용되었던 태그이다. 테이블 속성 테이블을 만드는 태그 테이블의 헤더 테이블의 행 테이블의 열 Company Contact Country Alfreds Futterkiste Maria Anders Germany Centro comercial Moctezuma Francisco Chang Mexico 테이블 디자인 속성 border 테이블의 테두리 bordercolor 테이블의 테두리 색상 width 테이블 가로 크기 height 테이블 세로 크기 align 정렬 bgcolor 배경색 colspan 가로 합병(열 합병) ro.. 2022. 3. 29.