HTML & CSS (3) 썸네일형 리스트형 [HTML 기초 03] 홈페이지에 이미지를 넣어보자~ IMG SRC 태그..! [HTML 기초 03] 홈페이지에 이미지를 넣어보자~ IMG SRC 태그..! 홈페이지를 만들거나 게시글을 작성할때 글만 쓸수는 없죠!? 때때로 에디터 없는 HTML 게시판이 있어서 이미지를 못 쓰시는 분들도 있을꺼에요. (이런 게시판이 아직도 있나 싶긴 하지만 ㅎ) 그래서.. 오늘은 홈페이지에 이미지 넣는법을 포스팅 해 볼까 합니다. 보통 HTML에서 글을 쓸떄는 , 태그를 주로 쓰는데요, 이미지를 넣는 태그는 입니다. 예시를 들어보면? 위와같은 이미지를 자신의 홈페이지에 넣고 싶을때. 먼저 위의 이미지에 오른쪽버튼 -> 속성을 클릭..! 그러면 위와같은 창이뜨는데, 여기서 주소:URL을 복사..!! 그 후에 위와같이 HTML 에서 작성하면 끝..! 이미지 넣기 참 쉬워요~ 아 그리고 태그를 쓰실때 소.. [HTML 기초 02] HTML, JavaScript 를 이용해서 사이즈 고정 팝업창, 새창 뛰우기 / onclick="window open()" / 자바스크립트 [HTML 기초 02] HTML, JavaScript 를 이용해서 사이즈 고정 팝업창, 새창 뛰우기 / onclick="window open()" / 자바스크립트 새창뛰우기는 참 쉽죠..!? 새창뛰우기 이렇게 a href 하이퍼링크 태그만 걸어줘도 할 수 있는 새창뛰우기. 그렇다면 팝업창 뛰우기는 어떻게 하는것일까요!? 팝업창은 새창과 달리 사이즈가 고정 되어 있어서 리사이징(조절)이 안된다는 것이죠. 딱보면 뭔가 새창과는 다르죠? 이게바로 스크립트를 이용한 팝업창 뛰우기..! 팝업창 뛰우기 소스는 아래와 같습니다. 팝업창 뛰우기 쉽게 보여드리자면 팝업창 뛰우기 위와같이 소스를 작성하면 다음 홈페이지가 가로, 세로 500px 사이즈 팝업창으로 나옵니다. 추가적으로 기본적인 것이지만 당연히 ~ 사이에 각종.. [HTML 기초 01] HTML 줄바꿈(엔터)를 알아보자 br태그 / HTML 기본구성 [HTML 기초 01] HTML 뛰어쓰기, 줄바꿈(엔터)를 알아보자 여백태그 및 br태그 / HTML 기본구성 오늘부터 포스팅 시작하게 될 HTML 기초 강좌..! 블로그를 하는데 유용할만한 기본중의 기본 HTML 강좌를 꾸준히 포스팅 해 볼까 합니다. 그럼.. 오늘 포스팅 할 강좌는 HTML에서 줄바꿈(엔터) 태그 입니다. 보통 HTML 구성은 로 구성되어있으며 내용은 주로 BODY에 삽입됩니다. 하지만 BODY에 글을 그대로 쓴다고 출력되는 것도 아니며, 줄바꿈은 따로 태그를 써야합니다. 줄바꿈 태그는 또는 로 입력하면 됩니다. 예를들어 한줄입력 을 입력하면 글 바로 옆에 이미지가 삽입되는데, 여기서 태그를 써서 한줄입력 이런식으로 코드를 작성 시 글 아래에 이미지가 삽입됩니다. 한줄입력 위와같이 코.. 이전 1 다음
