반응형

html 4

HTML 로그인 박스 만들기 | 아무것도 모르고 시작하는 코딩

오늘은 스파르타코딩에서 실습했던 로그인박스 만들기를 해볼거다 이런 모양의 웹페이지를 만들면 된다 로그인 페이지 ID: PW: 로그인하기 기본 형식은 위와 같다. 여기에서 화면을 꾸미고, 더 많은 기능들을 넣으면 좀 더 그럴싸한 로그인페이지를 만들 수 있다. 꾸미는 것들에 대한 코드는 구글에서 검색하여 사용할 수 있으므로 여기선 구조를 이해하는데만 집중하자 (위 코드를 복사하여 메모장에 붙여넣고, 확장자를 .html로 저장하면 파일을 클릭하여 웹페이지를 들어갈 수 있다) 에선 meta name이라는게 새로 나왔는데, 이건 다음 포스팅에서 다루겠다 에서 로그인페이지이 있는데, 저번 포스팅에 얘기했던대로 h1,h2 등의 tag는 제목을 붙일때 주로 사용한다. 그리고 낮은 숫자로 갈 수록 글씨 크기도 자동으로 ..

HTML 구조(tag, 태그) | 아무것도 모르고 시작하는 코딩

저번 포스팅에서 매우매우매우매우 단순한 구조의 HTML 형태를 만들었다. HTML 구성(head, body) | 아무것도 모르고 시작하는 코딩 이번에는 TAG에 대해서 알아보겠다. 안녕하세요 위에서 안에 들어있는 것들이 TAG 이다. 그리고 위의 식은 기본식이기 때문에 tag명을 바꿀 수 없다. (는 tag가 아니라 "이 문서는 html 형식을 사용합니다"라는 의미이다.) tag : 웹 페이지의 시작과 끝을 표시하는 태그 사이에 넣습니다. 이렇게 씁니다. 경로는 웹페이지에 있는 경로일수도 있고, 내컴퓨터에 저장된 이미지일수도 있습니다. div처럼 컨텐츠를 구분할 때 사용합니다. 두 개의 차이라면 div는 div를 여러개 썼을 때 문단 문단 문단 줄바꿈이 되는데 span은 옆으로 붙습니다. 그리고 div는..

HTML 구성(head, body) | 아무것도 모르고 시작하는 코딩

HTML은 크게 위처럼 구성되어 있다. 우리가 내용을 담을 곳은 안녕하세요 ------------------------------------ 그러면 바탕화면에 인터넷브라우저 연결파일이 생성된다. 그리고 이 파일을 실행시켜보면 웹페이지의 제목은 "제목입니다"가 되었고, 내용은 "안녕하세요"가 적혀있는 것을 볼 수 있다. 다음 시간에는 html의 구조인 tag에 대해서 알아보겠다. 공감 부탁 드려요 :)

반응형