태그(5)
-
4-2. 다양한 선택자 알아보기 - 1
1. 기본 선택자 알아보기1-1. 태그 산택지(타입 선택자)문서의 html 태그를 선택자로 지정하는 방법입니다. 다음 코드는 문서의 요소의 글자 색상을 "orange"색으로 지정한다는 의미입니다. 1-2. 전체 선택자(공통 선택자)css를 적용할 대상을 지정하는 방법 중에서 모든 요소를 지정할 수 있는 선택자가 있습니다. 다음 코드에서 "*" 선택자는 문서 내에 있는 요소인 body, h1, p, span, address, a 요소를 각각 선하는 것과 같습니다. 앙큼한유채`s 일상 StoryLorem ipsum dolor sit amet, consectetur adipisicing exit.mail : sample.com "*"선택자는 "selector *"와 같은 방법으로도 활용할 수 있습니다. 이것은..
2018.01.15 -
<hr> 가운데정렬
1. text-align을 사용하는 방법 hr{text-align: center;} 2. text-align과 margin을 같이 사용할 경우 hr{margin: 0px auto;} -> text-align과 margin을 같이 사용할 경우 margin에 의해서 text-align이 무시되어 가운데 정렬이 되지 않습니다. 그러므로 margin의 값을 auto로 설정하여 가운데 정렬을 시킵니다. 2. margin 설정 -1) 4면이 모두 같을 때 margin: 상 우 하 좌margin: 0px 0px 0px 0px; margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px; -2) 4면이 모두 다를 때margin: 0px; -3) 상하, ..
2017.03.07 -
Form 태그
1. Form tag -> HTML 문서에서 사용자로 부터 입력받은 데이터를 ASP, PHP 등과 같은 언어를 사용하여 서버로 전달해주는 과정까지를 말합니다. Method - 입력된 내용을 GET, POST 방식 중 하나를 선택하여 전달할 것인지를 결정하는 속성입니다. - GET : 사용자로 부터 입력받은 데이터를 전달할 때, URL에 붙어서 전달하는 방식으로 데이터를 쉽게 노출하기 때문에 보안이 취약한 대신 전송속도가 POST보다 빠르다는 장점이있습니다. - POST : 사용자로 부터 입력받은 데이터를 인코딩하여 메세지의 본문안에 포함하여 전달하는 방식으로 데이터를 노출하지 않기 때문에 보안이 우수한 대신 입력크기에 제한이 있다는 단점이 있습니다. Action - 사용자로 부터 입력받은 데이터를 전달하..
2017.02.27 -
HTML 기초태그
1. 기초태그 설명 html의 시작과 끝을 알려줍니다. 머리영역으로, 대표적인 태그로 title이있습니다. 브라우저 툴바에 나타나는 제목을 작성합니다. 본문영역이며, 본문의 내용을 작성합니다. 2. html 저장방법 html의 경우 확장자명을 .htm, .html로 설정하고, 파일형식은 "유니코드 텍스트 문서" & "All type"을 선택하여 저장합니다. 3.대소문자 구별 html을 작성할 때에는 대소문자 구별이 필요하지 않습니다. 대문자로 작성하든 소문자로 작성하든 같은 결과물이 출력되기 때문인데요. 하지만 W3C에서는 소문자로 작성하는 것을 권장하고 있습니다. W3C란 World Wide Web Consortium의 약자로 HTML, CSS, XML등 웹 문서 코드 표준을 관리하는 기관을 지칭합니다..
2017.02.20 -
프레임 태그 입력 태그
이미지 태그 이미지 삽입 하나의 브라우저 창에서 여러 개의 HTML문서를 동시에 띄울 수 있도록 해주는 기능이 프레임 입니다. 프레임은 브라우저 창을 몇 개의 작은 공간으로 분할하여 각 공간에 다른 HTML문서를 보여줄 수 있도록 지원합니다. 프레임을 구성하기 위해서는 태그와 태그를 사용합니다. 이떄 주의할 점은 프레임 문서에서는 BODY태그를 사용하지 않는다는 점입니다. 프레임 태그의 기본 사용 예는 아래 코드와 같습니다. 아래 코드는 하나의 태그 안에 2개의 태그를 넣음으로써 브라우저를 두 개의 프레임 공간으로 구분하는 코드이며, 태그가 구분된 각각의 프레임을 나타냅니다. 12345678910 프레임 cs 수직 및 수평 프레임 분할 수직으로 브라우저 창을 구분하여 프레임을 나눌 수도 있고, 수평으로 ..
2017.01.04