엄청 과거 이야기/HTML 강좌
[ 본격 ] input 태그에 대하여 ( email , button , checkbox )
input 태그에는 type을 지정할 수 있는데 type 들은 라는 형식으로 작성을 할 수 있습니다.type 에 는 - text - password - email - button - submit - checkbox - radio - url - tel - number - search - range 등이 있습니다. 이중 몇가지는 속성값을 따로 지정을 해 주어야 됩니다.저번시간에 배운것들은 빨간색으로 폰트색을 바꾸겟습니다. 오늘은 제목에 나온것과 같이 email , button , checkbox 을 해 보겟습니다. 1. email 보시면 아시겟지만 이렇게 보았을때는 text와 다른바가 없습니다.( 지금 저는 w3schools.com 에서 제공하는 try it yourself ..
[ 본격 ] input 태그에 대하여 ( text , password , submit )
HTML5 에서는 input 이라는 태그덕분에 " 자바스크립트 " 를 이용한 이벤트를 더 적게 넣을수 있게 되었습니다. input 태그에는 type을 지정할 수 있는데 type 들은 라는 형식으로 작성을 할 수 있습니다. type 에 는 - text - password - email - button - submit - checkbox - radio - url - tel - number - search - range 등이 있습니다. 이중 몇가지는 속성값을 따로 지정을 해 주어야 됩니다. 오늘은 제목에 나온것과 같이 text , password , submit 을 해 보겟습니다. 1. text 이처럼 input tpye="text" 를 입력하면 텍스트박스가 생기게 됩니다. 이..
[ 기초 ] css, js 링크
웹을 개발하다보면 css코드와 js 코드덕분에 엄청나게 길어진 index.html 내부 코드를 보게 될 것 입니다. 또 웹을 실행해 보면 F12를 눌렀을 시 css코드와 js코드가 전부 보이게 되죠..! 그걸 방지하기 위해서 타 파일에서 링크를 해오는 방법이 있습니다. 1. CSS 링크하기 저같은 경우는 이 부분과 사이에 넣든 ~ 사이에 넣든지 크게 상관은 없습니다. css의 경우 가 기본 소스가 됩니다. 이 소스를 제 방식대로 예제에 적용을 시켜 보자면 이렇게 됩니다. 이렇게 된다면 style.css에 있는 파일을 불러오게 되는거죠. 다시 기억해 주세요 2. JS 링크하기 JS의 경우 html 내부에서 사이에서 작성을 하였잖아요? 이번에는 script 앞에 src를 붙혀주어서 이러한 소스를 만들어서 J..
[ 기초 ] HTML5 시맨틱 태그 , 웹 개발 편집기
HTML5 에서는 새롭게 " 시맨틱 태그 " 라고 하는 것이 생겨 났습니다. - 시맨틱 태그 : 컴퓨터가 사람이 이해하는 것처럼 태그를 이해할 수 있도록 지원해주는 것 1. 시맨트 태그를 이용한 문서 구조 2. 시맨트 태그 종류 - 와 다름. ) - : 제목과 부제목을 묶음. - : 문서 안 혹은 다른 문서로 링크하기 위한 내비게이션 링크를 표현 - : 사이트의 내용 , 코멘트 , 콘텐츠 등 표시할 때 사용 - : 이 태그 이용시 웹창 배포 불가능 - : 광고나 링크가 나온 사이트 바 를 표시할 때 사용 - : 저작권 정보 혹은 제작자 정보 입력 - 와 : 그림이나 도표 , 소스 코드등에 설명글을 붙일 수 있다. - :텍스트에 강조 표시를 할 수 있다. - : 날짜와 시간 정보를 기록 - : " 주소입력..
[기초] HTML5 에 대한 설명과 기본 구조
1. HTML 이란? - " Hyper Text Markup Language " 의 약자 입니다. - 웹을 개발하는데 사용되는 가장 기초적인 언어 2. HTML5가 사용되는 이유 일부 마크업이 변화된것을 포함해서, css3, 하드웨어 가속, 캔버스, 웹소켓, 웹스토리지, 웹워커 등등 기존 웹에서 활용할 수 없었던 기능들이 많이 추가 되었기 때문 입니다. 3. HTML5의 가장 기초적인 구조 이런 식으로 작성이 됩니다. 여기서 소스코드를 해석해 보죠. - : HTML5일시 문서의 유형을 설정해 주는 역할을 합니다 - : 웹 페이지를 열었을시 작성된 문자를 깨지지 않게 해주는 역할을 합니다. - : 웹 페이지의 타이틀을 결정 시킵니다. - : 웹 페이지에 여러 태그를 이용하여 문서의 내용을 작성합니다.