본문 바로가기

전체 글221

html video 태그와 audio 태그, source 태그로 미디어 삽입하기 html video 태그와 audio 태그, source 태그로 미디어 삽입하기 네 여러분, 이번 포스팅에서는 html 문서에 여러 가지 미디어를 삽입하는 방법에 대한 글을 써보겠습니다. html로 작성이 된 웹페이지를 살펴보시면 오디오 파일이나 영상 파일이 존재하는 것을 본 적이 있을 겁니다. 이번 시간에는 그러한 것들을 어떤 식으로 삽입을 할 수 있는지에 관하여 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. html에 비디오 삽입하기 : video 태그 이용 html에 비디오를 삽입을 하려면 video라는 태그를 이용을 하여 비디오 파일을 삽입합니다. 그 사용법은 이러합니다. 이런 식으로 가져올 비디오의 주소를 가져오고, 그걸 페이지 내에서 얼마의 사이즈로 띄울 것이며, contr.. 2023. 3. 2.
html target 속성에 대하여 알아보기 html target 속성에 대하여 알아보기 네 안녕하세요, 이번 포스팅에서는 target 속성에 대하여 알아보도록 하겠습니다. target 속성은 html을 사용하다 보면 거의 필연적으로 사용을 하게 되는 속성입니다. 그만큼 사용하는 빈도가 높은 편이기 때문에 매우 중요한 요소입니다. 그럼 지금부터 시작하도록 하겠습니다. 1. target 속성으로 문서를 출력할 윈도 지정하기 target 속성은 , , , 태그에서 사용이 되는 속성인데, html 페이지를 출력할 윈도를 지정하는 데 사용을 합니다. target 속성은 이런 식으로 사용을 합니다. ... W3C ... W3C ... W3C ... W3C ... W3C 이런 식으로 윈도 우명을 직접 지정을 할 수도 있고, 새 창을 열 수도, 현재 탭에서 열.. 2023. 3. 2.
html iframe 태그로 인라인 프레임 사용하기 html iframe 태그로 인라인 프레임 사용하기 네 안녕하세요, 이번 포스팅에서는 html에서 인라인 프레임을 만드는 방법에 대하여 알아보도록 하겠습니다.. 인라인 프레임이란 페이지 내에 있는 또 다른 창, 다시 말하면 페이지 안에 내장이 된 창을 이야기합니다. 그래서 한 페이지 안에서 두 개 이상의 웹페이지를 새 창을 띄우는 거 없이 동시에 볼 수 있습니다. 그리고 이번 시간에는 이러한 것을 어떤 식으로 사용하는지 알아볼 겁니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 인라인 프레임 만들기 : iframe 태그 사용 인라인 프레임을 만드는 형식은 이러합니다. 내용 이런 식으로 작성이 됩니다. url 주소를 따서 가져올 수도 있고, html에 작성된 텍스트로 출력이 될 내용을 가져올 수도 있고, .. 2023. 3. 2.
html a 태그로 하이퍼링크(하이퍼텍스트, 하이퍼미디어)와 다운로드 링크 만들기 html a 태그로 하이퍼링크(하이퍼텍스트, 하이퍼미디어)와 다운로드 링크 만들기 네 안녕하세요, 이번 포스팅에서는 html에 하이퍼링크와 다운로드 링크를 다는 방법에 대하여 알아보도록 하겠습니다.. 우리가 문서를 작성할 때 참고자료 등을 링크를 통해 공유하는 경우가 정말 많을 것입니다. 이번 시간에는 그걸 이용하는 방법을 배울 겁니다. 이 하이퍼링크를 어디에 다느냐에 따라서 명칭도 조금씩 바뀌게 되는데, 그 부분도 어떻게 바뀌는지 같이 보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 하이퍼링크 만들기 : a 태그 이용 a 태그는 anker(닻)라는 단어에서 따온 태그입니다. 다시 말하면 특정 사이트의 링크에 닻을 걸어서 그곳으로 이동하게끔 길을 만들어준다 생각하시면 됩니다. 그래서 이 태.. 2023. 3. 2.
html 고급 문서 만들기 3 - table 태그로 표 만들기 html 고급 문서 만들기 3 - table 태그로 표 만들기 네 안녕하세요, 이번 포스팅에서는 표를 만드는 방법에 대하여 알아보도록 하겠습니다. 우리가 웹 페이지를 만들면서 리스트 보다 좀 더 체계적인 구조로 무언가를 짜고 싶을 때에는 표를 씁니다. 그리고 html 문서를 작성할 때 이러한 표를 작성하는 요령이 있습니다. 그래서 이번 포스팅에서는 그러한 방법을 알아보려 합니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 표 만들기 : 태그 이용 html 태그에서는 표도 만들 수 있습니다. 앞서 말씀드렸듯이, 우리가 한 번에 많은 양의 데이터를 간단하게 요약하여 보여주고자 할 때 표를 씁니다. 그래서 html에서는 table이라는 태그를 이용하여 표를 만듭니다. 이런 식으로 사용을 합니다. 제목 헤딩 셀.. 2023. 3. 1.
html 고급 문서 만들기 2 - ol, ul, dl 태그로 리스트 만들기 html 고급 문서 만들기 2 - ol, ul, dl 태그로 리스트 만들기 네 안녕하세요, 이번 포스팅에서는 리스트를 만드는 방법에 대하여 알아보도록 하겠습니다. 우리가 웹을 만들 때 장황한 글보다는 중요한 키워드만을 띄워서 표현하는 것이 더 좋을 때가 있습니다. 그럴 경우에 쓰는 것이 리스트인데, 이번 포스팅에서는 이러한 리스트가 어떤 종류들이 있는지 한 번 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 리스트 만들기 : ol, ul, dl 태그 사용 보통 우리가 쓰는 리스트는 크게 3가지가 있습니다. ol 태그 : 순서가 있는 리스트 ul 태그 : 순서가 없는 리스트 dl 태그 : 정의 리스트 그리고 dl 태그를 제외하고, 리스트의 내용을 나타낼 때에는 li 태그를 씁니다. 1 -.. 2023. 3. 1.
html 고급 문서 만들기 1 - img 태그로 이미지 삽입하기 html 고급 문서 만들기 1 - img 태그로 이미지 삽입하기 네 안녕하세요, 이번 포스팅에서는 이미지를 삽입하는 방법에 대하여 알아보도로 하겠습니다. 우리가 웹 화면을 보면 이미지들이 심심찮게 삽입이 되어있는 것을 볼 수 있습니다. 그러한 이미지도 html 태그로 넣을 수 있는 방법이 존재합니다. 이번 포스팅에서는 웹을 꾸밀 때 그림을 넣는 방법에 대하여 알아보고자 합니다. 그럼 지금부터 알아보도록 하겠습니다 1. 이미지 삽입하기 : img 태그 이용 img 태그를 이용하면 이미지를 삽입할 수 있습니다. img 태그를 이용하여 삽입이 가능한 이미지 형식은 bmp, png, jpg(jpeg), animated - gif 등이 있습니다. 거의 현존하는 모든 형태의 이미지 파일은 다 삽입이 가능하다고 생각.. 2023. 3. 1.
html 기본 문서 만들기 10 - 블록 태그와 인라인 태그 이용하기 html 기본 문서 만들기 10 - 블록 태그와 인라인 태그 이용하기 네 안녕하세요, 이번 포스팅에서는 블록 태그와 인라인 태그에 대해서 알아보도록 하겠습니다. 각각의 html 태그들은 각기 다른 기능들을 가지고 있습니다. 그중에서 이 블록 태그와 인라인 태그는 그러한 태그들을 나누는 기준이 되는데, 이번 포스팅에서 블록 태그와 인라인 태그에 속하는 태그들이 어떤 것들이 있는지 알아보도록 하겠습니다. 그럼 지금부터 시작하도록 하겠습니다. 1. 블록 태그와 인라인 태그 이용하기 html 태그는 크게 두 가지의 태그로 나누어져 있습니다. 블록 태그 인라인 태그 블록 태그는 내용을 감쌀 때 쓰는 태그, 인라인 태그는 그 내용 안에서 부가적인 기능을 담당합니다. 그래서 블록 태그는 항상 새로운 라인에서 시작이 .. 2023. 3. 1.

티스토리툴바