HTML - 이미지를 삽이하는 태그 알아보기 HTML에서는 이미지를 삽입할 때 img 태그를 사용합니다이번에는 포스팅에서는 웹페이지에서 이미지를 포함하기 위해 사용되는 img 태그에 대해서 알아보도록 하겠습니다 HTML - 이미지 삽입과 속성 알아보기 HTML에서 이미지를 사용할 때 사용하는 태그는 img를 사용하는데 img 태그에서는 속성이 있습니다 1) src 속성- src는 source의 약어로 이미지 파일의 위치를 정하는 속성 위 내용을 보시면 이미지가 삽입된것을 확인하실 수 있습니다 2) width, height 속성- width, height는 이미지의 너비와 높이를 정하는 속성 위 그림을 보시면 이미지의 사이즈가 변경된것을 확인하실 수 있습니다 3) alt 속성- alt는 이미지가 없을때 텍..

HTML - 제목을 나타내는 h요소 이전글 : HTML이란? - http://server-talk.tistory.com/1 HTML - 기본 구조의 HTML 문서 만들기 - http://server-talk.tistory.com/101 HTML - 문법과 주의사항 - http://server-talk.tistory.com/102 HTML - 목록을 만드는 태그 - http://server-talk.tistory.com/103 HTML - 태그, 태그 - - http://server-talk.tistory.com/104 HTML - , 태그 - http://server-talk.tistory.com/105 HTML 기본구조 - 시멘틱 태그 - http://server-talk.tistory.com/106 ..

HTML - 다른문서로 이동하는 태그 이전글 : HTML이란? - http://server-talk.tistory.com/1 HTML - 기본 구조의 HTML 문서 만들기 - http://server-talk.tistory.com/101 HTML - 문법과 주의사항 - http://server-talk.tistory.com/102 HTML - 목록을 만드는 태그 - http://server-talk.tistory.com/103 HTML - 태그, 태그 - - http://server-talk.tistory.com/104 HTML - , 태그 - - http://server-talk.tistory.com/105 HTML 기본구조 - 시멘틱 태그 - http://server-talk.tistory.com/1..

HTML 기본구조 - 시멘틱 태그 HTML을 하기위해서는 기본적으로 시맨틱 태그의 화면 구조를 이해하고 넘어가야 되며 세부 요소로는 herder / section / footer가 있습니다. 이전글 : HTML이란? - http://server-talk.tistory.com/1 HTML - 기본 구조의 HTML 문서 만들기 - http://server-talk.tistory.com/101 HTML - 문법과 주의사항 - http://server-talk.tistory.com/102 HTML - 목록을 만드는 태그 - http://server-talk.tistory.com/103 HTML - 태그, 태그 - http://server-talk.tistory.com/104 HTML - , 태그 - http:/..

HTML - , 태그 이전글 : HTML이란? - http://server-talk.tistory.com/1 HTML - 기본 구조의 HTML 문서 만들기 - http://server-talk.tistory.com/101 HTML - 문법과 주의사항 - http://server-talk.tistory.com/102 HTML - 목록을 만드는 태그 - http://server-talk.tistory.com/103 HTML - 태그, 태그 - - http://server-talk.tistory.com/104 영역을 나누는 태그 태그 태그는 division의 약자로 레이아웃을 나눌 때 주로 쓰입니다. 태그의 특성상 가로 크기가 영역에 꽉차게 설정되는데, CSS의 float 속성을 이용하면 내용에 꽉 붙게 설정..

HTML - 태그, 태그 이전글 : HTML이란? - http://server-talk.tistory.com/1 HTML - 기본 구조의 HTML 문서 만들기 - http://server-talk.tistory.com/101 HTML - 문법과 주의사항 - http://server-talk.tistory.com/102 HTML - 목록을 만드는 태그 - http://server-talk.tistory.com/103 태그 줄바꿈을 하는 태그 태그 태그는 line break 약자로 줄바꿈을 할때 사용합니다. 태그는 닫아주는 태그가 없는 빈 태그 입니다 하지만 xhtml에서는 태그로, 열고 다는 태그를 대신합니다. 예제)

HTML - 목록을 만드는 태그 이전글 : HTML이란? - http://server-talk.tistory.com/1 HTML - 기본 구조의 HTML 문서 만들기 - http://server-talk.tistory.com/101 HTML - 문법과 주의사항 - http://server-talk.tistory.com/102 HTML - 목록을 만드는 태그 목록을 만드는 태그 태그 사용합니다. 태그 : Unoerdered List의 약자로 순서가 없는 목록, 글머리 기호를 붙혀서 목록을 만드는 형식입니다. 태그 : Ordered List의 약자로 순서가 있는 목록, 번호 형식으로 순서를 매겨 목록을 만드는 형식입니다. 태그 : Dfinition List의 약자로 정의의 목록을 만드는 형식, 어떤 용어의 ..

HTML - 문법과 주의사항 이전글 : HTML이란? - http://server-talk.tistory.com/1 HTML - 기본 구조의 HTML 문서 만들기 - http://server-talk.tistory.com/101 HTML - 태그 HTML 태그는 웹 문서에 표시하려고 하는 내용을 전달하는 언어이다 때문에 정확하게 사용해야 하며, HTML 문서 만들기 전에 기억해야 할 몇 가지 사항을 알아보겠습니다. HTML - 태그는 소문자로 사용하기 HTML 태그는 대소문자를 구별하지 않고, HTML4 이전에는 태그를 대문자로 표시하기도 하였지만 XHML에서는 모두 소문자로 쓸 것을 권고하였고 HTML5에서도 소문자로 표시하고 있습니다. 좋은 예나쁜 예 HTML - 적당하게 들여쓰기 하기 HTML 태그..

HTML - 기본 구조의 HTML 문서 만들기 가장 기본적인 구조의 HTML 문서를 만들어 보겠습니다. 이전글 : HTML이란? - http://server-talk.tistory.com/1 HTML 문서 만들기 첫 번째 줄에 이라고 입력후 중간에 빈 줄을 두고 웹 문서의 시작과 끝을 나타내는 태그와 태그를 입력합니다. * 은 이문서는 HTML5로 작성하는 문서라는 뜻입니다. 태그 안에 들여쓰기 한다음에 what is html 태그 아래 들여쓰기를 합니다. 태그는 이미지를 표시하기 위한 태그이고 태그는 화면에 문단을 표시하기 위한 것입니다.지금 입력한 'html.png'라는 이미지와 'what is html'라는 글자를 표시하는 것입니다. [화면 출력] 지금까지 입력한 소스코드의 출력물 입니다.title..

HTML이란? 이번 포스팅은 HTML에 대해서 알아보도록 하겠습니다 HTML 이란? HTML이란? Hyper Text Makup Language의 약자로써 얼드와이드 웹 문서를 작성하는 Markup Language 입니다 HTML은 여러 태그들로 구성되어 있으며 각 태그들을 사용하여 원하는 형태의 문서를 만들어 갈 수 있습니다 인터넷문서는 Hyper Text의 원리를 이용하여 여러 문서를 링크시켜 다양한 정보를 손쉽게 검색하여 볼 수 있게 만들어주며, 이러한 다양한 표현의 가능성과 쉬운 사용으로 월드와이드웹을 짧은 시간에 대중시키는데 원동령이 되었습니다 HTML 문서작성 HTML 문서의 작성은 일반 텍스트 에디터나 전용 에디터를 사용하면 쉽게 작성할수 있고, 일반 텍스트 문서와 같이 작성하면 된다 저장시..