본문 바로가기
반응형

html54

html <object>태그 정리 html html문서에 pdf 문서를 삽입 태그로, 문서에 관계된 매개변수를 지정할 수 있음 ie는 때때로 위치를 이해하기 위해 src 매개변수가 필요함. html문서에 mp3를 삽입 flash 삽입 ▶ classid에 대하여 구 ie는 윈도우 미디어 플레이어가 아닌 것을 실행하기 위해, 어떤 미디어 플레이어를 사용해야할지 말할 필요가 있음. 이때 classid를 사용 mime은 ie를 제외한 다른 브라우저를 위한 파일 유형을 지정. ie는 class ID가 필요하지만 MIME type을 지닌 classid와 codebase 더 보기 Quicktime player classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.. 2014. 7. 8.
[html/css] iframe 태그 사용법 [html/css] iframe 태그(웹 페이지에 다른 웹 사이트 넣기) iframe 요소는 html 웹 문서 안에 또 다른 웹 문서를 넣을 수도 있고, 뮤비 등 동영상도 넣을 수 있습니다. iframe 은 inline frame이라고도 부르는데요, 원래는 ie에서만 작동했지만, html 4.01부터 iframe을 포함하여, 현재 모든 브라우저에서 태그를 지원합니다. 태그는 인라인 요소이고요. 주의할 점은 DOCTYPE 에서 Transitional, Frameset 선언에서는 iframe이 정상 적동하지만 Strict 문서에서는 작동하지 않습니다.(doctype에 관해서는 아래 링크 참조) 비표준 모드quirks mode, 표준 모드 standards mode 차이와 DOCTYPE ▶ 사용 예: 대체 내.. 2014. 7. 4.
[HTML,CSS 작성 규칙] 네이버는 이렇게 한다! HTML/CSS 코딩 컨벤션 [HTML,CSS 작성 규칙] 네이버는 이렇게 한다! HTML/CSS 코딩 컨벤션 HTML과 CSS를 독학으로 공부하시는 분들은 내가 코드를 올바르게 작성하고 있는지 가끔 궁금할 때가 있으시죠.... 하나 하나 일일이 물어 볼 데도 없고요. 며칠 전에 네이버 개발자센터라는 사이트를 알게 되어 둘러 보았는데 마크업개발 툴 중에서 HTML과 CSS 마크업 언어를 작성하는 사람들에게 유용한 자료가 있어 소개해 드리려고요. NHN은 이렇게 한다! HTML/CSS 코딩 컨벤션 http://nuli.nhncorp.com/markup_tools/convention 네이버 개발자를 대상으로 한, HTML과 CSS 코드를 작성할 때 따라야 할 규칙을 명시해 놓은 문서입니다. 웹 사이트가 복잡하고 방대해지면, 원칙 없이 .. 2014. 6. 22.
크로스브라우징, 웹표준과 핵(hack) 크로스브라우징(웹표준과 핵(hack), 기본값 초기화(reset)) HTML과 CSS를 공부하면서 웹표준, 크로스 브라우징(Cross Brwosing), 웹접근성, 핵(hack), 리셋(reset)이라는 단어를 자주 보는데요 HTML 기초 강좌를 처음 시작할 때만해도 이 단어에 대한 그림이 잘 그려지지 않았어요. 그래서 글쓰기를 망설이다가 중간 정리 차원해서 한 번 정리해 보았습니다 HTML 표준 한국에서는 서울말, 전라도말, 제주도말, 부산말 등이 있는데 서울말을 표준말이라고 정하고, 공식적인 문서에서 이 표준말로 의사소통을 합니다. HTML언어 역시 마찬가지인데요. HTML은 여러 가지 방식으로 코드를 구현할 수 있기 때문에 여러 방언이 많았고, 그래서 W3C를 통해 HTML 공통 표준을 만들고자 하.. 2014. 4. 29.
[html/css]문서를 연결하는 a 태그 (href, title, target 속성) [html/css]문서를 연결하는 a 태그 (href, title, target 속성) 인터넷을 사용할 때 가장 많이 보는 것 중 하나가 이 링크인데요. 링크를 통해 다른 웹페이지로 이동하거나, 문서 내에서도 이동할 수가 있습니다. 이렇게 문서를 링크시키기 위해 사용하는 태그가 바로 태그 입니다. 태그 anchor '정박지' 또는 '닻 '의 약자입니다 태그는 혼자만 사용하지 않고 아래와 같은 속성과 함께 사용합니다. herf 속성 hypertext reference 약자로, 연결할 주소를 지정하는 속성입니다. 사용 예 : 지구별 안내서 바로가기 따옴표(" ")를 빠트리지 않도록 주의해 주세요. 링크가 정상적으로 나오지 않을 수도 있습니다~ 주소는 아래처럼 다양하게 넣을 수 있습니다 절대 URL (Unif.. 2014. 4. 7.
[html 기초] b, strong, em, i, cite, small 태그 [html 기초] b, strong, em, i, cite, small 태그 전 시간에는 제목을 나타내는 태그 ~에 대해 알아 보았습니다. [html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 이번 시간에는 글씨체를 굵게, 이탤릭체로, 작게 나타내는 태그에 대해 알아볼게요. bold 의 약자입니다. 글씨를 굵게 지정합니다. 밑에 나오는 태그와 유사함.. 사용 방법 : 내용 글자를 굵게 표시하여, 텍스트를 중요하게 보이고자 할 때 사용합니다. 사용 방법 : 내용 emphasized text 즉 특정 텍스트를 강조하고자 할 때 사용합니다. 밑에 나오는 와 비슷합니다. 사용 방법 : 내용 이탤릭체로 표시할 때 씁니다. 사용 방법 : 내용 주로, 작품명( 그림 이름, 책 이름, 영화 이름 등)을.. 2014. 3. 18.
[html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 [html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 이제부터 글자, 글꼴, 글꼴 색, 글꼴 크기 에 관련된 태그를 정리해 볼까 합니다. 오늘 알아 볼 태그는 제목 태그 인데요 우선 알아둘 점은, html 작성 시 글꼴이나, 글자 크기 등을 특별히 지정하지 않으면 브라우저의 기본 글꼴과 크기로 표시됩니다. 예: 1. 월요일 2. 화요일 3. 수요일 4. 목요일 5. 금요일 6. 토요일 7. 일요일 제 브라우저는 웹 페이지 기본 글꼴이 '굴림체'로 설정되어 다음과 같이 화면이 나옵니다 만일, 갖고 계신 브라우저의 기본 글꼴이 '궁서체'라면 궁서체로 표시되겠지요.. 는 가장 큰 제목을 쓸 때 는 그 다음 큰 제목 . . . 은 가장 적은 제목을 쓸 때 필요한 태그입니다. 예: 1. 월요일 2.. 2014. 3. 18.
[html기초] &nbsp;, br, pre, p 태그 [html기초] , br, pre, p 태그 사용법 html기초에서 제일 처음 다루었어야 하는 게 아닌가 싶은데요.... 각 항목을 다루기에는 분량이 너무 적어서, 같이 묶어서 정리해 봤습니다. 태그는 line break 약자로, 줄바꿈 할 때 사용합니다. 태그는 끝태그가 없는 빈 태그(empty tag)입니다. 하지만 xhtml 에서는 태그로, 열고 닫는 태그를 대신합니다. 우선 아래에서 태그 작성 시 '오신 것을' 이후에 '환영 합니다'가 줄바꿈 되어 있지만, 실제 실행해 보면 한 줄로 나옵니다. 지구별 홈페이지에 오신 것을 환영 합니다 이번엔 태그를 넣어 보겠습니다. 지구별 홈페이지에 오신 것을 환영 합니다 실행하면 중간에 줄 바꿈되었습니다. 이렇게 한 줄 짜리 문장을 줄바꿈 할 때 태그를 사용하지.. 2014. 3. 12.
table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 표를 만드는 table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 오늘은 태그에 대해 알아 보겠습니다. 은 표를 만드는 태그인데요 아래 그림처럼 작은 표를 만드는 데 쓰일 수 있고, 밑에 처럼, 홈페이지의 전체 구성(layout)을 만드는 데도 사용될 수 있어요. 하지만 원래 table 태그는, 위 그림처럼 데이터를 담고 있는 표를 만들기 위한 목적이라고 합니다~ 그래서 홈페이지 전체 구성이나 배치를 위해선, 태그를 사용하는 것이 좋으며 앞으로 다룰 css에서 더 자세히 알아보도록 하겠습니다. CSS란? (HTML과 CSS의 차이, CSS 작성법) html 기초 태그에 대해서도 썼듯, 역시 과 쌍을 이루어 사용합니다. HTML 기초(태그 작성법, 저장 방법, 대소문자 구별, 서버에.. 2014. 3. 5.
html, css, javascript 주석 처리 방법 HTML, CSS, JAVASCRIPT 주석 삽입 방법 주석이란, 일종의 설명인데요, 나중에 태그를 수정하거나 다른 사람들이 이해하기 쉽도록 코드에 설명을 달아놓는 글입니다. 주석은 화면에 표시되지 않으며, 브라우저는 이 부분을 무시하거나, 실행하지 않습니다. HTML과 CSS, 자바스크립트는 주석 처리 방법이 다릅니다. html 주석 표기 방식 : 내용란에 원하는 내용을 입력합니다. 예문 JavaScript자바스크립트 주석 표기 방식 : 한 줄일 경우 // 로 시작함. 한 줄 이상일 경우 /*내용*/ 예문 (한 줄일 경우) // 머릿말에 쓰기 document.getElementById("myH1").innerHTML="환영합니다"; 예문 (한 줄 이상일 경우) /* 밑에 코드는 머릿말과 문단에 쓸 것 .. 2014. 2. 26.
반응형