목록Web (46)
Minwoo Dev.
나는 대학교 1학년을 마치고 군대에 왔기 때문에 C언어와 파이썬을 배우고 온 상태였다. 그리고 C언어를 이용하여 무작정 백준 알고리즘 문제만 풀다가 흥미가 점점 떨어지는 느낌을 받아서 이러다가 코딩이라는 공부에 싫증이 나면 어쩌지? 라는 생각이 들었다. 그래서 이것저것 찾아보던 도중 코딩 공부의 목적은 어찌됐건 무언가를 '만들어내는' 것 이기 때문에 프로젝트를 해보는 것이 좋은 공부 방법이 될 수 있다는 걸 깨달았다. 그리고 뭐부터 시작해볼까, 군대에서 얼마 되지 않는 시간동안 할 수 있는 정도의 프로젝트가 어떤 게 있을까 고민하던 중에 일주일만에 배울 수 있다는 HTML/CSS를 접하게 되었다. HTML/CSS는 웹 프로그래밍의 기초이기 때문에 공부하면 웹으로 무언가를 만들 수 있다는 생각에 너무 설렌..
: 철자가 틀린 단어나 중국어의 고유 명사처럼 문체상 일반적인 텍스트와는 달라야만 하는 텍스트를 표현할 때 사용함. 이 단락에는 철자가 틀린 당어가 포함되어 있습니다. : 순서가 없는 HTML 리스트(list)를 정의할 때 사용함. 요소에 속하는 각 아이템은 요소를 사용하여 나타내며, 이때 아이템 앞에 추가되는 마커(marker)는 검정색의 작은 원(bullet)이나 사각형 모양으로 표현됩니다. HTML5에서는 요소의 type 속성을 더 이상 지원하지 않으므로, 대신 CSS의 list-style-type 속성을 사용하여 마커의 종류를 변경해야 합니다. 아메리카노 카페라떼 핫초코 차 녹차 홍차 자스민차 : 변수(variable)를 정의할 때 사용함. 요소는 HTML5에서도 여전히 지원되지만, CSS를 대신..
: 데이터를 포함하는 셀(cell)들의 행과 열로 구성된 2차원 테이블을 정의할 때 사용함. 이러한 테이블은 요소와 자식 요소인 하나 이상의 , , 요소들로 구성됩니다. 요소는 테이블의 각 행(row)을 정의하고, 요소는 각 열의 제목을 정의합니다. 또한, 요소는 하나의 테이블 셀(cell)을 정의합니다. 또한, 다음과 같은 요소들을 사용하여 좀 더 복잡한 테이블을 정의할 수도 있습니다. - , , , , , 예전에는 종종 HTML 테이블을 사용하여 HTML 문서의 레이아웃을 정의하기도 했지만, 이제는 요소나 의미 요소들을 사용한 후 CSS를 이용하여 페이지의 레이아웃을 정의하고 있습니다. 밥류 면류 분식류 김밥 라면 떡볶이 : HTML 테이블에서 내용 콘텐츠(body content)들을 하나의 그룹으로..
: 루비 주석(ruby annotation)을 지원하지 않는 브라우저에서만 표시될 문자를 정의할 때 사용함. 요소는 요소 내부에 위치하며, 요소와 함께 사용합니다. 요소는 보통 요소를 감싸는 형태로 한 쪽에는 여는 괄호를 포함하며 다른 한 쪽에는 닫는 괄호를 포함하여, 루비 주석을 지원하지 않는 브라우저에서는 요소의 내용이 괄호 안에 나타나도록 할 수 있습니다. 요소는 동아시아 일부 지역의 언어에서 일본어의 후리가나와 같이 해당 문자의 발음이나 설명을 작은 크기의 윗첨자로 알려주는 루비 주석(ruby annotation)을 정의할 때 사용합니다. 요소는 발음이나 설명이 필요한 한 개 이상의 문자로 구성되며, 요소는 그에 대한 발음이나 설명을 정의합니다. 추가적으로 사용할 수 있는 요소는 요소를 지원하지 ..
태그 사이에 대체 텍스트를 포함시킬 수 있습니다. 또한, : 순서가 있는 HTML 리스트(list)를 정의할 때 사용함. 요소에 속하는 각 아이템은 요소를 사용하여 나타내며, 이때 아이템 앞에 추가되는 마커(marker)는 아라비아 숫자나 알파벳으로 표현됩니다. 아메리카노 카페라떼 핫초코 녹차 홍차 자스민차 : 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 사용되는 옵션들의 그룹을 정의할 때 사용함. 드롭다운 리스트에서 옵션의 수가 많을 경우 요소를 사용하여 관련된 옵션끼리 각각의 그룹으로 묶어주면 사용자가 좀 더 쉽게 드롭다운 리스트를 사용할 수 있습니다. 아메리카노 카페라떼 에스프레소 얼그레이티 자스민티 : 옵션 메뉴를 제공하는 드롭다운 리스트(drop-down list)에서 ..
: 해당 문서의 요소의 주 콘텐츠(main content)를 정의할 때 사용함. 요소의 콘텐츠는 해당 문서의 중심 주제 또는 주요 기능과 직접적으로 관련되어 있거나 확장되는 콘텐츠로 구성되어야 하며, 문서 전반에 걸쳐 반복되는 내용을 포함해서는 안 됩니다. 따라서 하나의 문서에는 단 하나의 요소만이 존재해야 하며, 요소는 , , , , 요소의 자손 요소가 되어서는 안 됩니다. 바나나 바나나는 바나나는 파초과 바나나 속에 속하는 숙근성 영년생 열대과수를 총칭한다. 다이어트 식품 바나나는 탄수화물이 약 27%이고 비타민 A와 C가 풍부하며, 100g당 87kcal의 열량을 갖는다. 다양한 섭취법 바나나는 열매를 주식으로 이용할 뿐 아니라 미성숙한 열매는 채소로 다양한 요리에 응용된다. : 클라이언트 사이드 ..
: 키보드(keyboard) 입력을 나타낼 때 사용함. 태그는 키보드(keyboard) 입력을 나타낼 때 사용합니다. 요소 내의 텍스트는 브라우저의 기본 고정폭 글꼴을 사용하여 표현됩니다. 요소는 HTML5에서도 여전히 지원되지만, CSS를 대신 사용하면 더욱 다양한 효과를 얻을 수 있습니다. ALT키와 F4키를 동시에 누르면 포커스를 가지고 있는 윈도우를 곧바로 닫을 수 있습니다. : 사용자 인터페이스(UI) 요소의 라벨(label)을 정의할 때 사용함. 요소는 for 속성을 사용하여 다른 요소와 결합할 수 있으며, 이때 요소의 for 속성값은 결합하고자 하는 요소의 id 속성값과 같아야 합니다. 또한, 요소를 결합하고자 하는 요소 내부에 위치시키면 for 속성을 사용하지 않더라도 해당 요소와 결합시킬..
: 기본 텍스트와는 다른 분위기나 음성을 위한 텍스트 영역을 정의할 때 사용함. 요소의 텍스트는 보통 이탤릭체로 표현되며, 전문용어나 다른 언어의 관용구, 문어체, 서양 문헌에 나오는 배 이름 등을 나타낼 때 사용됩니다. 다음과 같은 의미 요소(semantic element) 중에서 사용하기에 적당한 요소를 찾지 못했을 때만 요소를 사용할 수 있습니다. - : 창작물의 제목 - : 용어(term)의 정의 - : 강조된 텍스트 - : 하이라이트된(highlighted) 텍스트 - : 긴급하거나 중요한 텍스트 타이타닉호는 영국의 화이트 스타 라인이 운영한 북대서양 횡단 여객선이다. 1912년 4월 10일 영국의 사우샘프턴을 떠나 미국의 뉴욕으로 향하던 첫 항해 중에 4월 15일 빙산과 충돌하여 침몰하였다. ..
~ : HTML 문서에서 제목(heading)을 정의할 때 사용함. 요소가 가장 중요한 제목을 정의하고, 요소가 가장 덜 중요한 제목을 정의합니다. 이 텍스트는 h1 요소를 사용한 제목입니다. 이 텍스트는 h2 요소를 사용한 제목입니다. 이 텍스트는 h3 요소를 사용한 제목입니다. 이 텍스트는 h4 요소를 사용한 제목입니다. 이 텍스트는 h5 요소를 사용한 제목입니다. 이 텍스트는 h6 요소를 사용한 제목입니다. 이 텍스트는 p 요소를 사용한 단락입니다. HTML 문서의 콘텐츠(contents) 영역입니다. HTML 문서의 콘텐츠(contents) 영역입니다. 공부를 목적으로 정리한 게시글입니다. 출처 - http://www.tcpschool.com/html-tags/intro
: 요소에서 연관된 요소들을 하나의 그룹으로 묶을 때 사용함. 요소는 하나의 그룹으로 묶은 요소들 주변으로 박스 모양의 선을 그려줍니다. 또한, 요소를 사용하면 요소의 캡션(caption)을 정의할 수 있습니다. 학사 관리 로그인 이름 : 학번 : 학과 : 제출하기 : 이미지나 다이어그램, 사진과 같이 문서의 주요 흐름과는 독립적인 콘텐츠를 정의하는 요소의 캡션(caption)을 정의할 때 사용함. 요소는 요소의 첫 번째 자식 요소이거나 마지막 자식 요소로만 위치할 수 있습니다. Fig 1. 꽃사진 : 삽화나 다이어그램, 사진 등과 같이 문서의 주요 흐름과는 독립적인 콘텐츠를 정의할 때 사용함. 요소의 콘텐츠는 문서의 내용과는 연관성을 가지지만, 해당 콘텐츠의 위치가 문서의 주요 흐름과는 독립적이어서 제..