티스토리

JUST BLOG

검색하기

블로그 홈

JUST BLOG

bono0933.tistory.com/m

여행, 다이어트, IT에 관심이 많은 여자 :)

구독자: 0

방명록 방문하기

반응형

주요 글 목록

HTML MARQUEE 태그 우리는 지난 포스트에서 데이터를 목록화 할 때 사용할 수 있는 리스트태그에 대해서 살펴보았습니다. HTML LIST 태그 지난 포스트에서 우리는 HTML 링크 태그에 대해서 자세하게 살펴보았는데요. 오늘은 어떠한 목록들을 정리할 때 사용할 수 있는 리스트 태그를 살펴보도록 하겠습니다. 리스트태그는 크게 두 가 bono0933.tistory.com 오늘은 글자를 움직이게 하는 MARQUEE 태그에 대해서 알아보도록 하겠습니다. MARQUEE태그 글자를 움직이게 할 수 있는 태그로, 인터넷 웹브라우저에 따라서 지원, 미지원할 수 있습니다. 현재 보편화되어 사용되고 있는 웹표준 HTML5에서는 더 이상 지원하지 않습니다만, 재미를 위해 살펴봅시다. MARQUEE 태그는 아래와 같은 속성들에 따라서 글자를 움직.. 공감수 2 댓글수 0 2021. 1. 8.
HTML LIST 태그 지난 포스트에서 우리는 HTML 링크 태그에 대해서 자세하게 살펴보았는데요. 오늘은 어떠한 목록들을 정리할 때 사용할 수 있는 리스트 태그를 살펴보도록 하겠습니다. 리스트태그는 크게 두 가지 종류가 있습니다. 리스트를 구분하는 요인은 순서입니다. 리스트가 순서가 없는 목록인가, 순서가 있는 목록인가에 따라서 사용하는 태그가 달라집니다. 순서가 없는 목록을 태그로 , 순서가 있는 목록으로 태그로 구현할 수 있습니다. 리스트 태그의 특징으로는 중첩된 리스트를 구현할 수 있고, 자동으로 줄바꿈이 이루어집니다. ... : 순서가 없는 리스트 순서가 없는 리스트를 구현할 때 우리는 ... 태그를 사용할 수 있습니다. UL이란 unordered list 의 약자입니다. 태그의 경우 어떠한 목록을 정의할 때, 도형 .. 공감수 0 댓글수 0 2021. 1. 7.
HTML A 태그 (링크태그) target 속성 안녕하세요! 이미보라입니다. 지난 포스트에서 우리는 HTML 문서의 링크 기능을 구현할 수 있는 태그에 대해서 살펴봤습니다. 오늘은 지난 포스트에서 다루지 않았던 태그의 속성 target에 대해서 알아보려고 합니다. 태그의 속성 target 지난 포스트에서 살펴본 링크태그 태그의 속성 href는 문서간의 이동, 문서 내의 이동, 그리고 다른 프로그램과의 연결을 지원합니다. 이때 문서를 이동할 때 문서가 열릴 위치를 명시할 수도 있습니다. 바로 태그의 target이라는 속성으로 문서가 열리는 위치를 지정해줄 수 있습니다. target 속성값은 아래와 같은 값을 가질 수 있습니다. 속성값 문서가 열릴 위치 _blank 새로운 윈도우나 탭(tab) _self 링크가 위치한 현재 프레임 디폴트값 (기본값) 이므.. 공감수 1 댓글수 0 2021. 1. 6.
HTML A 태그 안녕하세요! 이미보라입니다. 지난 포스트에서 우리는 웹브라우저의 창 부분을 분할하여 각각 다른 웹문서를 보여줄 수 있는 프레임태그에 대해서 알아봤는데요! 오늘은 웹문서와 웹문서를 연결하는 링크태그에 대해서 알아보도록 하겠습니다. 하이퍼텍스트 링크를 줄여서 우리는 하이퍼링크 또는 링크라고 부르고 있는데요. 링크란 사용자를 다른 웹문서로 이동을 시킬 수있습니다. 또한 사용자를 현재의 웸문서의 특정한 위치로 이동시켜줄 수도 있습니다. 이를 우리는 책갈피기능이라고 부르기도 합니다. 뿐만아니라 전자우편을 보내거나 FTP 서버접속, 뉴스그룹으로 연결시킬 수도 있습니다. ... 태그 : 다른 문서로의 이동 링크태그는 태그를 이용하여 웹문서에 표현할 수 있습니다. A는 Anchor (닻)의 줄임말입니다. 먼저 살펴볼 .. 공감수 0 댓글수 0 2021. 1. 6.
HTML FRAME 태그 안녕하세요! 이미보라입니다. 우리는 지난 포스트에서 표를 표현할 수 있는 태그에 대해서 알아보았습니다. 오늘은 프레임을 나눌 수 있는 태그에 대해서 알아보려고 합니다. 프레임이란 웹 브러우저의 창 부분을 여러개로 분할할 수 있습니다. 나누어진 각각의 창에는 다른 웹문서를 보여줄 수 있습니다. .... 프레임 문서의 구조는 일반 웹문서의 구조와 조금 다른데요. HTML 문서에서 태그의 기능을 프레임문서의 구조에서는 태그가 대신하기 때문입니다. 다시 말해서, 프레임 문서의 구조에서는 ... 태그 구문이 없습니다. 웹문서 본문 프레임 구조 정의 태그의 속성 rows와 cols를 이용하여 화면을 분할가능합니다. 따라서 태그의 경우 rows 또는 cols 속성이 반드시 작성되어야 합니다. 태그의 경우 화면 분할에.. 공감수 0 댓글수 0 2021. 1. 4.
HTML TABLE 태그 지난 포스트에서 우리는 HTML의 IMG 태그에 대해서 살펴보았습니다. 오늘은 표를 작성할 수 있는 TABLE 태그에 대해서 알아보도록 하겠습니다. .. 태그 표를 작성할 수 있는 태그입니다. 시작태그 태그는 테이블 태그의 시작을 알리며, 태그는 테이블 태그의 끝을 나타냅니다. 태그는 내부태그인 , ,를 가지며, 내부태그들을 이용하여 세부적으로 표를 정의할 수 있습니다. 태그의 속성은 아래와 같습니다. 속성 내용 border = n (default = 0) 표의 가장 바깥 테두리의 굵기를 픽셀 단위로 지정 할 수 있습니다. width = n 또는 n% 표 안에 있는 셀의 너비를 픽셀 단위 또는 %단위로 지정하여 고정할 수 있습니다. height = n 또는 n% 표 안에 있는 셀의 높이를 픽셀 단위 또는.. 공감수 0 댓글수 0 2021. 1. 3.
HTML IMG 태그 안녕하세요. 이미보라입니다 :) 우리는 지난 두 포스트에서 글자태그의 스타일 지정방법에 대해서 살펴보았습니다. 오늘은 사진을 넣을 수 있는 이미지 태그에 대하여 알아보도록 하겠습니다. 이미지를 넣을 수 있는 태그 입니다. 태그가 가지는 속성은 다음과 같습니다. 속성 내용 src= “이미지 파일” 출력할 이미지 파일명을 지원. align = “TOP” 또는 “BOTTOM” 또는 “MIDDLE” 또는 “LEFT” 또는 “RIGHT” 이미지와 이웃한 텍스트를 정렬하는 방식을 지정. alt = ”문자열” 이미지에 대한 설명 width = n 또는 n% 이미지의 가로 방향의 크기를 임의로 지정.(픽셀 단위 또는 백분율 크기) height = n 또는 n% 이미지의 세로 방향의 크기를 임의로 지정.(픽셀 단위 또는.. 공감수 0 댓글수 0 2021. 1. 2.
HTML 논리적 스타일 지정 태그 안녕하세요. 이미보라입니다 :) 저희는 지난 포스트에서 물리적 스타일 지정 태그들을 알아봤습니다. 오늘은 논리적 스타일 지정 태그들을 알아보도록 하겠습니다. 논리적 스타일 지정이란 태그명이 어떠한 용도와 관련된 텍스트로 태그명을 봤을 때는 어떤 효과가 적용하는지 알 수 없습니다. 다시 말해, 사용 용도별 스타일 지정이라고 생각하시면 편할 것 같아요. ... 텍스트를 강조하는 (emphasized text) 경우 사용 가능한 태그입니다. 적용된 효과는 이탤릭체로 보입니다. ... 텍스트를 강조하는 경우 사용 가능한 태그입니다. 적용된 효과는 볼드체(진하게)로 보입니다. EM태그와 STRONG태그의 차이는, EM태그의 경우 구어체에서 어떤 단어의 의미 변화에 사용되지만, STRONG의 경우 문장 중에서 강조.. 공감수 0 댓글수 0 2021. 1. 1.
HTML 문자 스타일 지정 태그 (물리적 스타일 지정 방법) 안녕하세요. 이미보라입니다 :) 지난 포스트에서 HTML 글자의 색상, 글꼴, 그리고 크기를 변경할 수 있는 글자 태그에 대해서 살펴보았습니다. 오늘은 문자의 스타일을 지정할 수 있는 태그를 살펴보려고 합니다. 문자의 스타일을 지정하는 태그의 종류로는 크게 두 가지로 나뉩니다. 물리적 스타일 지정방법과 논리적 스타일 지정방법이 있습니다. 먼저, 물리적 스타일 지정방법이라고 함은 글자를 표현할 때 글자의 형태를 직접적으로 지정하여 출력함을 말합니다. 물리적 스타일 지정 태그는 아래와 같습니다. ... : 이탤릭체 시작태그와 종료 태그 사이에 위치한 글자를 이탤릭체 (Italic) 체로 지정합니다. 이탤릭체는 기울어진 글자체를 생각하시면 됩니다. ... : 볼드체 시작 태그와 종료 태그 사이에 위치한 글자를.. 공감수 0 댓글수 0 2020. 12. 30.
HTML 글자태그: H태그와 FONT태그 안녕하세요! 이미보라입니다. 지난 시간, 우리는 HTML 문서와 태그의 특징을 알아보고, 이와 관련된 문단 태그들을 살펴보았습니다. 오늘은 텍스트 , 즉 글자의 형태를 결정할 수 있는 글자태그 중에서 H태그와 FONT 태그에 대해 알아보도록 하겠습니다. ... 태그 헤드라인(Headline)의 약자로, 제목 또는 머리글의 글자크기를 지정할 수 있는 태그입니다. 이때 n은 숫자 1에서 6까지 중 하나를 작성하면 해당하는 사이즈로 변경됩니다. 태그의 크기가 가장 크고, 태그의 크기가 가장 작습니다. 복합 태그로 시작 태그와 종료 태그로 구성되며, 종료 태그에는 줄 바꿈 기능을 포함하고 있습니다. ... 태그 - size : 글자크기 1~7 - color : rgb 또는 컬러 이름 - face : 글꼴 태그의.. 공감수 0 댓글수 0 2020. 12. 29.
HTML 문단태그 / HTML 문서와 태그 특징 안녕하세요? 이미보라입니다. 지난 시간 우리는 HTML 문서를 작성하는 방법과 작성한 HTML문서를 실행하는 방법을 알아봤습니다. 오늘은 HTML 태그를 더욱 더 자세히 알아보기 이전에 기억해둬야 할 특징들을 먼저 살펴볼께요. HTML 태그와 문서의 특징 HTML 태그의 특징으로는 먼저 대소문자를 구별하지 않는데요. 보편적으로 소문자로 많이 사용합니다. 저는 HTML 태그명과 속성을 구분하기 위해서 태그명은 대문자로, 속성은 소문자로 작성하도록 하겠습니다. 그리고 두번째 특징으로는 사용자가 태그를 임의로 정의할 수 없습니다. 따라서 HTML에서 정의되어진 태그를 우리는 숙지하여 사용할 수 있습니다. HTML 문서의 경우 한 칸 이외의 추가로 입력된 공백문자는 모두 무시하고 한 칸으로 처리됩니다. 이때 공.. 공감수 0 댓글수 0 2020. 12. 29.
HTML 문서 작성하여 실행하기 안녕하세요. 이미보라입니다! 지난 포스트에서 우리는 HTML 문서의 기본 골격이 되는 태그들을 살펴보았습니다. 오늘은 HTML 문서를 저장하고 실행하는 방법에 대하여 간략히 알아보도록 하겠습니다. 먼저 HTML 문서를 만들기 위해서는 HTML 편집기가 필요합니다. 이때 크게 일반 문서 형태의 편집기와 HTML 전용 편집기로 나누어 볼 수 있습니다. 일반 문서 편집기란 우리가 흔히들 사용하는 메모장이나, 에디트플러스 등의 텍스트 문서를 저장하는 데 사용되는 프로그램을 말합니다. HTML 전용 편집기란 HTML 문서를 만들기 위한 전용 편집기로, 나모 웹에디터나 드림위버와 같이 화면에 보이는 대로 편집하면 자동으로 HTML 코드를 생성해주는 편집기가 있습니다. 저의 경우 중학생일 때 정보 컴퓨터 교과에서 나.. 공감수 0 댓글수 0 2020. 12. 28.
HTML 문서의 기본 구조 안녕하세요! 이미보라입니다. 여러분은 HTML의 문서의 양식을 정의할 때 HTML 태그를 이용한다는 것을 지난 포스팅으로부터 알 수 있었습니다. 오늘은 HTML 문서의 기본 구조에 대해서 알아보도록 하겠습니다. HTML 문서의 구조는 위의 이미지와 같이 작성될 수 있습니다. 태그, 태그 html 문서의 머리말이라고 생각하시면 쉽습니다. head 태그 영역에 작성된 내용은 웹브라우저의 창에는 표시되지 않습니다. head 태그 영역 안에 들어갈 수 있는 태그로는 태그, 태그, 태그, 태그가 있습니다. 태그 : 문서의 제목을 설정할 수 있습니다. 태그 : 문서의 저작자, 성명, 문서 내의 키워드 등 주로 검색 엔진에 반영되는 목적으로 사용되는 내용을 작성합니다. 태그 : 자바스크립트를 포함한 스크립트의 내용을.. 공감수 0 댓글수 0 2020. 12. 28.
HTML 태그란 무엇인가? 안녕하세요. 이미보라입니다. 우리는 지난 시간에 HTML이 문서 간의 이동이 가능한 문서의 문서 형식을 지정하는 데 사용하는 언어라는 것을 알 수 있었습니다. 자세한 내용은 아래의 포스팅에 소개되어 있으니 참고 바랍니다. HTML이란 무엇인가? 안녕하세요. 이미보라에요:) 제가 처음 HTML을 접했던 건 중학생 때였는데, 그때에는 싸이월드 조차 없었던 시절이라서 게시판을 꾸미기 위해서 HTML 코드들을 처음 접했었고, 그 시절에는 네이버 bono0933.tistory.com HTML 문서의 형식을 HTML 태그를 이용하여 정의할 수 있다고 이야기했습니다. 오늘은 간단하게 HTML 태그가 무엇인지 알아보도록 하겠습니다. HTML 태그 HTML문서의 모양과 행동양식을 정해주는 명령어 이름으로 속에 HTML .. 공감수 0 댓글수 0 2020. 12. 27.
HTML이란 무엇인가? 안녕하세요. 이미보라에요:) 제가 처음 HTML을 접했던 건 중학생 때였는데, 그때에는 싸이월드 조차 없었던 시절이라서 게시판을 꾸미기 위해서 HTML 코드들을 처음 접했었고, 그 시절에는 네이버에서 마이홈 이라는 서비스를 운영해서, 자신의 개인 홈페이지를 만들 수 있는 시절이 있었어요. 그 때에 처음 만들었던 저의 홈페이지를 꾸미기 위해서 HTML 소스 코드들을 처음으로 접했던 것 같아요. 정말 옛날이야기인데, 그럼 지금도 HTML을 알 필요가 있을까요? 사실 여러분들이 매일 보고 있는 모든 웹 문서들은 HTML이라는 언어가 포함되어 작성된 문서랍니다. 다만, HTML이라는 언어는 웹문서의 구조를 작성하기 때문에 여러분들에게 HTML 코드가 그대로 노출되지 않고 웹브라우저가 해당 HTML 문서를 번역해.. 공감수 0 댓글수 0 2020. 12. 27.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.