본문 바로가기

HTML

 (9)
Html 이미지 태그 <img> 웹페이지에 이미지를 넣는 방법 태그명은 img입니다. html2부터 시작된 태그이다. img 태그 형식 img 태그 속성 width는 이미지의 가로폭을 지정해 줍니다. with만 지정해주면 세로 폭은 가로폭 비율에 맞게 세로 폭이 자동으로 변경됩니다. height는 이미지의 세로 폭을 지정해 줍니다. height만 지정해주면 가로폭은 세로폭 비율에 맞게 가로폭이 자동으로 변경됩니다. alt는 alternative text의 약자이다. 이미지가 없을 때 출력해주는 대체 텍스트입니다. 시각장애인 같은 경우 이미지를 볼 수 없기 때문에 alt를 이용해서 이미지 정보를 적어주면 웹에 있는 정보를 보는데 도움을 받기 때문에 alt 속성 값을 꼭 쓰는 것이 좋습니다. title은 이미지에 마우스를 올려놓았을 때 도..
Html 줄바꿈 태그 <br> 태그 (Line Break) 줄 바꿈 해주는 태그입니다. 태그는 단순히 줄을 바꾸어주는 기능입니다. Html5 에서는 태그를 권장하며 태그 사용을 자제를 권장합니다. 줄을 바꾸어줄 곳에 태그를 넣어주면 됩니다. 실습 애국가 1절 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 2절 남산위에 저 소나무 철갑을 두른듯 바람서리 불변함은 우리기상 일세 무궁화 삼천리 화려강산 대한사람 대한으로 길이보전하세 3절 가을하늘 공활한데 높고 구름없이 밝은달은 우리가슴 일편단심일세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 4절 이 기상과 이 맘으로 충성을 다하여 괴로우나 즐거우나 나라사랑하세 무궁화 삼천리 화려강산 대한사람 대한으로 길이..
Html DOCTYPE(독 타입)은 무엇인가요? 독 타입(DOCTYPE)은 Document type declaration(문서 형식 선언) 우리가 html 문서를 작성했다면 웹브라이저는 그 태그가 어떠한 표준에 따라 작성한 것인지 알 필요가 있다. 그것 때문에 브라우저에게 이것은 어떠한 표준을 따르는 것인지 알려주어야 한다. 왜냐면? html 표준에 따라서 태그의 기능이 변할수 있다. 그래서 독타입을 지정하지 않으면 브라우저에 다른 결과물을 출력될 수 있습니다. 독타입의 지정이 있는 html 문서는 표준 모드로 렌더링하기 때문에 모든 웹페이지가 모든 웹 브라우저에서 똑같이 보인다. 현재 시점의 독타입은 html5에 접어들면서 로 단일화되었기 때문에 코드를 html 코드 맨 위에 넣어주면 됩니다. ko.wikipedia.org/wiki/%EB%AC%B8..
Html 전체 문장 구조 html 문장구조는 어떻게 되어있는가? 크게 head, body 태그 두 부분으로 나누어져있습니다. 웹 브라우저에 표시되는 본문에 해당하는 부분입니다. 전체 문장을 감싸는 부분 부분 문서 자체를 꾸며주는 역활을 한다. 본문이 아닌 것은 head 태그에 넣어준다. 문서의 내용 자체는 아니지만 문서의 제목이나 저자나 문서의 저장한 문자출력방법을 설명해주는 정보를 담고 있다. 태그는 문서의 제목을 표시해준다. 이러한 태그들은 head 태그사이에 넣어준다. 태그 웹 브라우저에 표시되는 본문에 해당하는 부분입니다.
Html 목록 태그 OL 태그 사용방법 순서가 있는 목록을 만드는 방법 태그 순서가 있는 목록을 보여줍니다. order list의 약자로 숫자, 알파벳, 로마자를 표시할 수 있습니다. 문법 허준 홍길동 속성 reversed : 순서를 역순으로 출력됩니다. start : 첫 번째 목록의 순번을 지정해 줍니다. tpye : 목록 앞에 마커의 종류를 지정합니다. tpye="1" : 1,2,3,4,5... 숫자로 출력됩니다. tpye="a" : a, b, c, d, e... 소문자로 출력됩니다. type="A" : A, B, C, D, E... 대문자로 출력됩니다. type="i" : i, ii, iii, iv, v,... 로마자로 출력됩니다. type="I" : I.II, III, IV, V... 로마자로 출력됩니다. 예) 숫자가 있는 목록 허준 ..
Html A 태그 속성(href, target, title) 사용 방법 A 태그 A 태그의 기능은? 글자나 이미지에 링크를 걸어서 다른 페이지로 이동하거나, 현재 페이지 내에서 이동할 때 사용한다. A 태그 속성의 종류 href, target, title이 있다. href는 연결할 주소를 지정한다. 사용 예1) 글자링크걸기 아이엠탁구로 바로가기 아이엠탁구로 바로가기 같은 문서내에서 이동하는 방법 링크걸기 step1로 이동하기 이동할 위치 step1 준비운동하기 target은 링크를 클릭할때 창을 여는 방식을 지정한다. 사용 예) 아이엠탁구로 바로가기 _self : 링크를 클릭한 현재 보이는 창에 연다. _blank : 링크를 새창으로 연다. _parent : 부모창에서 페이지를 연다.(부모창이 없으면 현재창(_self)에 연다.) _top : 전체 브라이저에서 가장 상위의 ..
Html 문서의 기본문법 <태그열기> 내용 </태그닫기> 이순신 장군의 명언 나의 죽음을 적에게 알리지 말라 "이순신 장군의 명언"을 제목으로 글씨를 크게 하고, 줄 바꿈 해줍니다. "알리지"를 진하게 강조해줍니다. Html 태그의 기본문법은? 적용할 부분 해주면 됩니다. 실제로 적용해 볼까요. H 태그는 heading의 약자입니다. H 태그는 글자를 크게 해 주고 자동으로 줄 바꿈을 해주는 태그입니다. strong 태그는 글자를 진하게 강조하는 태그입니다. HTML 코드 작성하기 이순신 장군의 명언 나의 죽음을 적에게 알리지 말라 Html은 적용하고 싶은 부분 맨 앞에서 태그를 열고 적용을 종료하고 싶은 부분에서 태그를 닫아주면 됩니다. H1 ~ H6 H1 이순신 장군의 명언 H2 이순신 장군의 명언 H3 이순신 장군의 명언 H4 이순신 장군의 명언 H5 이..
html 파일 만들고 html 파일 실행하는 방법 html 태그? 태그는 html에서 가장 중요한 문법 HTML이라는 컴퓨터 언어를 규정하는 가장 중요한 특징 HTML은 HyperText Markup Language의 약자입니다. 태그를 통해 Markup을 해줍니다. html의 특징은? html은 아주 쉽습니다. html은 어떤 프로그래밍 언어 보다 쉬운 프로그래밍 언어입니다. html로 시작해서 프로그래머가 되는 사람들이 많이 있습니다. 사실 저도 html 배우고 php, mysql, 리눅스 서버 배워서 인터넷 쇼핑몰 만들었습니다. html 문서를 작성해서 html 파일을 웹브라우저로 실행해 보자. html 문서 만드는 방법 a.html 파일을 만들어 보겠습니다. 1. 메모장을 실행합니다. 2. 메모장에서 내용을 입력해줍니다. 이순신 장군의 명언 나의..
반응형

티스토리툴바