HTML이란?(HyperText Markup Language) HTML이란 웹사이트를 만드는 가장 기초가 되는 마크업 언어입니다. 웹페이지의 내용과 구조를 담당하는 언어로써 브라우저에게 정보를 어떤 형식으로 보여 주어야 하는지를 전달해주는 역할을 합니다. MarkUp 언어란? 특별한 기호나 표기를 사용하여 글의 서식과 스타일을 정해주는 언어를 말합니다. (프로그래밍 언어 X) HTML의 구조 HTML의 구조 브라우저에게 HTML Code가 해당 태그 내부에 존재한다고 알려줍니다. 주로 외부 소스를 참조해야 할 때 사용합니다. 브라우저는 이 태그에 포함되어 있는 내용들을 화면에 보여주게 됩니다. HTML의 문법 HTML 요소는 시작 태그와 종료 태그, 그리고 그 사이에 있는 콘텐츠로 구성되어 있습니다. C..

HTML에서 코딩을 하다 보면 쭈욱~! 길게 늘어지는데, 코딩을 하다가 여기에 왜 이게 있지!? 싶을 때가 있습니다! 그러한 상황을 만들지 않기 위해서 주석 처리가 필요한 HTML에서 주석 처리하는 방법에 대해서 알아보았습니다! 주석 처리란 주석은 코멘트를 남긴다, 즉 자신의 코드에 대해 설명해주는 것입니다. 주석 처리를 하면 컴파일러가 무시하여, 컴파일에 반영하지 않는 것을 말합니다. 쉽게 말해서 html을 코딩하는데 코딩되지 않으면서 내용을 입력할 수 있는 글을 말합니다. 주석 처리하는 방법은 사이에 필요한 내용을 작성하면 됩니다. 협업하는 일에서, 나만 알아볼 수 있다고 하여 작업만 열심히 하다 보면 다른 사람들에게 다시 설명해야 하는 나쁜 일이 생길 수 있으니 주석문을 꼭 남기면서 습관화하면 좋습..

HTML을 통하여 내가 잘 화면 구현한 *. html 파일을 다시 소스코드를 보고 싶은데, 어떻게 하는지 방법을 모르는 경우 어떻게 해야 할지 알아봤습니다. 저는 처음에 note++ 프로그램으로 html 파일을 잘 만들었는데, 다음날 다시 열어보려고 하는데 왜 explorer로만 들어가는지.. 답답했네요ㅠㅎㅎ 여하튼 알고 보면 정말 아무것도 아니게 쉽습니다!ㅋ 알면 정말 쉽고 모르면 정말 정말 어려운 컴퓨터 세계....ㅠㅋㅋ HTML 파일 열기 쉬운 방법 우선 어디에 열고자 하는지 찾아줍니다. (ex 메모장, note++, eclipse 등등) 좌측 상단에 위치한 '파일' → '열기'를 눌러줍니다. (단축키 : Ctrl + o) 그리고 열고자 하는 *.html 문서를 열어 줍니다. HTML 파일 열기 다..

HTML 코딩을 할 때 어떠한 글을 누르거나 이미지를 클릭하면 다른 화면으로 넘어가는 게 일상에서 너무 많이 사용해서 그런가 그런가 보다! 했는데, 배우고 나니 신기했습니다!ㅋ 글을 누르면 내가 만든 혹은 누군가가 만든 다른 영역으로 넘어간다는 게... 생각해보면 신기해요!! (강요! 강요!ㅋ) 그런데 신기한 만큼 어렵지는 않습니다!ㅋ 비전공자도 누구나 따라 할 수 있을 만큼 쉽습니다!ㅎ HTML 이미지 링크 삽입하는 방법 우선 HTML 이미지 링크를 걸기 위해서 2가지 태그가 필요합니다. = 해당 주소로 이동할 수 있도록 만들어주는 태그 = 이미지를 넣을 수 있도록 만드는 태그 형식은 이렇습니다. "이동할 주소"에 누르면 이동 '될' 주소를 넣어주고, "이미지 주소"에는 '넣고 싶은' 이미지를 넣어주면..

공백은 스페이스바나 엔터키, 탭키로 공백을 만들 수 있지만, 코딩을 할 때는 이러한 키들로 공백을 추가하지 못합니다. 그러면 HTML에서는 어떠한 방법으로 공백을 만들 수 있는지 알아봤습니다. 공백 한칸 띄우기 Html에서는 스페이스 바로 띄워쓰기를 많이 하여도 공백은 한칸만 표시가 됩니다. 강제로 공백을 띄우려면 나 을 넣어서 띄워써야 합니다. (마무리는 ;(세미콜론)을 넣어주어야 합니다.) 다양한 크기의 공백 삽입하는 방법 브라우저가 공백을 표시하게 하는 다른 방법입니다. : 인쇄기의 "N" 블록 이름을 따왔으며 공백 두 칸 만큼의 자리를 차지합니다. : 공백 네 칸의 공간을 차지합니다. 줄 바꾸기 한 문장을 마치고, 다음 줄로 넘기는 방법 태그를 이용하여, 문장 끝에 넣으면 태그를 넣어줍니다.태그를..

오늘은 html에서 이미지를 넣는 방법을 배웠습니다! 글로만 채워지던 화면에 이미지가 들어가네요! 태그만으로 이미지가 나온다는게 정말 신기하네요..ㅎ 이미지 태그는 , image의 줄임말이라고 합니다!우선 이미지를 삽입하는 방법을 알기 전에이미지가 불러 올수 있게 되었는데, 다른 사람들은 안보인다는 경우가 생길 수 있습니다. 왜냐하면 절대경로와 상대경로 두가지의 경로가 있는데, 절대경로란?내컴퓨터에 저장되어 있는 파일들로, 파일의 마우스 오른쪽 버튼을 누르면 속성에서 확인할 수 있습니다.절대 경로를 사용하면 내 컴퓨터 안에 있는 이미지이기 때문에, 상대방이 웹상에서 이미지가 뜨지 않습니다. (웹 페이지 제작은 절대경로를 사용하지 않습니다.) 상대경로란?상대경로는 서버 주소가 달라지더라도 이전 서버에서의 ..