offfff

The HTML The content of the document... The HTML Element element는 하나의 HTML 페이지의 스타일 정보를 정의하는데 사용된다. This is a HeadingThis is a paragraph. The HTML Element element는 외부의 style sheet를 링크하는데 사용된다.CSS는 나중에 알아보도록 한다. The HTML Element element는 케릭터 셋, 페이지 설명, 키워드, 저자 등의 정보를 정의하는데 사용된다.메타데이터는 브라우저가 화면에 내용을 어떻게 표시할 것인지, 검색 엔진에 키워드를 제공하거나, 다른 웹서비스에 사용된다. 메타데이터는 화면에 표시되지 않습니다. The HTML Element element는 clie..

HTML JavaScript 자바스크립트는 HTML 페이지를 더 동적으로, 사용자와 상호작용이 가능하게 만들어준다. Click! 클릭하면 시간이 나옵니다. The HTML JavaScript 맛보기 자바스크립트로 할 수 있는 몇가지 예를 살펴본다. 클릭하면 아래 내용이 바뀝니다.여기 적힌 문구가 바뀝니다. 클릭하면 스타일이 바뀝니다.여기 적힌 문구의 스타일이 바뀝니다. 내 블로그네이버 뉴스 The HTML 아래 링크를 참조하여 번역 및 수정 함http://www.w3schools.com/html/html_scripts.asp

HTML Iframes iframe은 웹페이지 안에 웹페이지를 출력하는데 사용된다. Iframes Syntax HTML iframe은 태그로 정의된다. src 속성에 웹페이지의 주소를 값으로 적는다. Iframes - Set Height and Width height와 width 속성을 사용해서 ifame의 높이와 폭을 결정할 수 있다. 속성값은 기본적으로 픽셀단위로 취급되고, %단위도 사용할 수 있다. Iframes - Remove the Border 기본적으로 iframe은 테두리를 가지고 있다.테두리를 없애고 싶으면, style 속성을 추가하거나 CSS border 속성을 사용해서 없앨 수 있다. Iframes - Target for a Link 링크를 클릭했을 때, 새 창이나 탭에서 열거나, 현재..

Using The class Attribute HTML class 속성은 같은 클래스 이름을 가진 element들을 동일한 속성으로 정의하고 싶을때 사용한다.아래 예제에서는 같은 클래스 이름을 가진 3개의 element가 있다. LondonLondon is the capital of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. ParisParis is the capital and most populous city of France. TokyoTokyo is the capital of Japan, the center of the Greater..

HTML Block and Inline Elements 모든 HTML element는 어떤 element 별로 다른 기본 화면 출력값을 가지고 있다.기본 화면 출력값은 block이거나 inline이다. Block-level Elements Block-level element는 항상 새로운 줄에서 시작하고, (브라우저 화면 사이즈만큼)가로로 최대한 길게 뻗어있다., ~, , 등이 block-level element이다. Inline Elements Inline element는 새로운 줄로 시작하지 않고, 필요한 만큼의 폭만 갖는다.그 예로 , , 등이 있다. The Elements element는 주로 다른 HTML element의 container로 사용이 된다. element는 style, class ..

Unordered HTML List 순서없는 리스트는 태그로 정의한다. 리스트의 각 항목은 태그로 정의한다.리스트 항목들은 기본값으로 검은 점을 가지고 표시된다. CoffeeTeaMilk Unordered HTML List - Choose List Item Marker 위의 예제는 리스트를 검은 점을 가지고 표시했었다.CSS list-style-type 속성을 사용하면, 리스트 마커(점)의 스타일을 변경할 수 있다. Value Description disc 기본 값(●) circle 원으로 설정(○) square 네모로 설정(■) none 없음 CoffeeTeaMilk Ordered HTML List 순서가 있는 리스트는 태그를 사용하여 정의한다. 마찬가지로 리스트의 각 항목은 로 정의한다.기본 값에 의..

Defining an HTML Table HTML에서 표는 태그로 정의된다. 태그로는 table header, 즉 테이블 각 필드가 어떤 데이터인지 정의한다.한 행은 태그로 정의하고, 의 내용으로 각 필드 값이 와 함께 들어간다.에는 HTML의 모든 종류의 element를 내용으로 넣을 수 있다. (텍스트, 이미지. 리스트. 다른 표 등) 이름나이성별홍길동22여이순신44남 HTML Table - Adding a Border 위의 예제처럼 하면 표의 테두리, 경계선이 표시되지 않는다.선을 넣기 위해서 CSS border 속성을 사용한다.선을 넣을때는 테이블과 테이블 셀 모두에 경계선을 정의해야 한다. 이름나이성별홍길동22여이순신44남 실행 결과는 아래와 같다. 이름 나이 성별 홍길동 22 여 이순신 44 ..

HTML Images Syntax HTML에서 이미지는 태그로 정의된다.태그는 empty 태그로 내용과 끝 태그가 없고, 속성만을 갖는다. The alt Attribute alt 속성은 이미지가 표시될 수 없는 상황에 대체되는 텍스트를 제공하는 속성이다.이미지 로딩에 실패하거나 스크린 리더가 화면을 읽어야 할 때 등의 상황에서 사용된다. HTML Screen Readers 스크린 리더는 HTML코드를 읽고, 텍스트를 변환해서, 사용자에게 그 내용을 들려주는 프로그램이다.스크린 리더는 화면을 볼 수 없는 사람들에게 유용하다. Image Size - Width and Height 이미지의 너비와 폭을 결정하기위해 style 속성을 사용할 수 있다. 그 값은 픽셀 단위로 결정한다.width와 height 속성..

HTML Links 링크(Link)는 대부분의 웹페이지에서 찾아볼 수 있다.링크는 사용자가 한 페이지에서 다른 페이지로 클릭해서 이동하는걸 가능하게 해준다. 하이퍼링크(HTML Links - Hyperlinks) HTML 링크는 하이퍼링크이다. 링크를 클릭을 해서 다른 문서로 이동할 수 있다.링크는 꼭 텍스트만 있는것이 아니라, 이미지나 다른 HTML element도 될 수 있다. 문법(HTML Links - Syntax) HTML에서 링크는 태그로 정의한다. Visit My BLOG href 속성은 링크를 클릭했을 때,이동할 페이지의 주소를 적어준다.링크 텍스트는 보이는 부분으로, 위의 예에서는 Visit My BLOG가 해당된다.링크 텍스트를 클릭하면, 해당 주소 페이지 화면을 로딩한다. Local ..

Styling HTML with CSS CSS는 Cascading Style Sheets의 줄임말이다.CSS는 HTML element들을 화면이나 종이, 혹은 다른 매체에 어떻게 표시할 것인지 서술한다.CSS는 많은 작업을 저장하는데, 다수의 웹페이지 레이아웃을 한 번에 다룰 수 있게 해준다.CSS는 아래 3가지 방법을 통해 HTML element에 추가될 수 있다. - Inline : HTML element에서 style 속성으로써 사용하는 방법- Internal : This is a Blue Heading This is a paragraph. External CSS external CSS는 다수의 HTML 페이지를 정의하는데 사용된다.external sytle sheet 파일 하나로, 전체 웹 페이지..