본문 바로가기

반응형

HTML

[HTML] title을 이용하여 마우스 올리면 번역하기 HTML 코드 이름 나이 직업 kim 20 student lee 25 programmer choi 30 doctor title=" 내용 " 을 설정해주면 마우스를 올렸을 때, 해당 내용이 나타난다. SCRIPT 더보기
라디오태그와 텍스트를 그룹핑 하는 방법 그룹핑 텍스트를 눌러도 라디오태그가 작동하도록 만드는 것을 그룹핑이라 한다. 여자 label for="[id]" input type의 id값을 for=""에 넣어주면 끝 더보기
[HTML] name 속성이 가능한 태그 name이 가능한 태그 , , , , 에서 사용 가능 예시 작성자 : 아이디 : 제 목 : 내 용 : 등록 name을 사용하는 이유 1. 데이터를 서버로 전송할 수 있음 2. name 속성을 사용하여 특정 입력 필드를 선택할 수 있음 var emailValue = $('input[name="email"]').val(); 더보기
웹, HTML이란 무엇인가? 인터넷이 1960년도에 개발되고 1990년도에 웹이 개발됐다. 어떻게 하면 데이터를 효과적으로 주고 받을 수 있을까? 팀버너스리 웹서버와 웹브라우저를 발명함. HTML도 발명함. 그런데 저작권을 가지지 않겠다고 public domain 선언을 했다. 대단한 분이다. 서버와 클라이언트. 클라이언트는 고객을 말한다. 서버는 제공하는 사람이다. 갑과 을로 표현할 수 있다. 우리가 보고 있는 정보는 서버에서 온 것들이다. 클라이언트의 컴퓨터에는 하드웨어, 운영체제, 웹 브라우저가 깔려있다. 클라이언트가 웹브라우저를 통해 주소를 입력하면 운영체제는 하드웨어에게 명령을 내리고 하드웨어는 Server에 정보를 요청한다. Server에도 하드웨어, 운영체제가 있다. 그 위에 WS가 있음. 클라이언트가 요청한 정보를 읽.. 더보기
CSS 기본 문법 정리 2 1. HOVER - ABC:HOVER - 선택자 abc 요소에 마우스 커서가 올라가 있는 동안 선택 2. ACTIVE - ABC:ACTIVE - 선택자 ABC 요소에 마우스를 클릭하고 있는 동안 선택 3. FOCUS - ABC:focus - 선택자 abc 요소에 포커스되면 선택 4. FIRST-CHILD - ABC:FIRST-CIHLD - 선택자 ABC가 형제 요소 중 첫째라면 선택 5. class 뒤에 -가 붙어있어서 계속 오류가 났다. 오타를 조심하자. 딸기 수박 오렌지 망고 사과 더보기
HTML 태그 정리 1. 사용자가 데이터를 입력하는 요소 value는 미리 입력된 값. 2. 사용자가 입력할 값의 힌트를 보여줌. 3. 비활성화 4. 복수 체크 박스 apple banana 5. 둘 중 하나만 체크 가능. fruits 으로 그룹화함. apple banana 6. 이상하다. 분명 css 링크를 걸었는데 배경색이 바뀌지 않는다. 뭐가 문제일까? 원인을 발견했다. PX PX PX를 붙여주지 않아서다..... 7. 결과물 더보기
HTML 수업 1. margin, border, padding 저건 뭘까? 여백인가? 2. margin은 요소의 외부 여백을 지정하는 css 속성이다. 3. padding은 요소의 내부 여백을 지정하는 css 속성 4. 여백을 설정하는 방법인 것 같다. div태그와 span태그의 차이점에 대해 정리가 필요함. 5. div태그, span태그 둘다 그룹 짓기에 사용된다. 6. meta 태그. 웹페이지에는 출력되지 않지만, 검색하면 저자의 이름을 알 수 있다. 7. 여러가지 태그 연습 Hello HTML! 오늘의 날씨 오늘 날씨가 매우 덥네요. 등에서 땀이 납니다. 이제 봄옷을 꺼내야지요. 사과 딸기 수박 배 http://127.0.0.1:5500/workspace/html5_02/index.html 더보기

반응형