web/HTML (4) 썸네일형 리스트형 HTML-img태그(이미지 삽입) , a태그(링크 걸기) 1) img 태그(이미지 삽입) img 태그의 속성으로는 src,width,height가 있다. 사용법은 이다. -src는 컴퓨터 내의 이미지 경로 -width는 해당 이미지의 폭(적절히 본인이 지정해준다.) -height는 해당 이미지의 높이(적절히 본이 지정해준다.) 값을 넣어주면된다(속성="해당 값") 2) a태그(링크 걸기) a태그의 속성으로는 href,target,title이 있다. 사용법은 링크의 이름 -href는 링크의 주소 -target에는 링크를 여는 방법이다.(링크를 클릭했을 때 페이지가 어떤 식으로 나타나는지를 설정하는것) 1. _self: 링크를 클릭한 해당 창이 링크 페이지로 변한다. (target 속성의 default값이다.) 2. _blank: 새로운 페이지를 만들어 해당 페이.. strong,u,br,p,li,ol,ul 태그 1. 제목 태그(진하게 + 줄바꿈): 내용 (*는 1~7중 하나를 골라 표기하며 숫자와 글자 크기는 반비례한다.) 2. 내용 진하게: 내용 3. 밑줄: 내용 4. 줄바꿈: 5. 내용을 한단락으로 묶음: 내용 (p테그 전에 줄바꿈이 없다면 알아서 줄바꿈을 넣어줌) 6. 내용 앞에 ● 추가: 내용 (ol테그와 ul태그는 li를 하위 태그로 삼아 사용한다.단 li 없이도 사용 가능 하다.) 7. 각 li태그 내용에 들여쓰기를 해준다 : li 태그 집합 8. 각 li태그 내용에 들여쓰기를 해주고 ●대신 순차적으로 숫자를 붙혀줌: li 태그 집합 HTML,HEAD,BODY 태그 HTML 문서의 tag는 상위-하위 태그 관계를 갖는다. 1) html태그 크게 html태그는 하위 태그로 head태그 body태그를 갖는다. 2) head태그 head태그는 웹페이지의 제목,문자 인코딩 방식지정 태그 들을 하위 태그로 갖는다. *문자 인코딩 방식 지정이란? 문자 인코딩이란 사용자가 작성한 문자나 기호들을 컴퓨터에 표현하기 위한 약속이다. 문자 인코딩 방식 지정은 여러 개의 인코딩 방식 중 하나를 선택하는 것이다. 만일 html 문서에 인코딩 방식을 지정하지 않는다면 웹페이지에 표기된 문자가 원하지 않는 문자로 표기될 수 있다. 때문에 html 문서 작성 시 문자 인코딩 방식을 지정해 주도록 한다. -title 태그: 제목 -인코딩 태그: (대부분 utf-8을 사용하는 듯 하다.) 3) .. HTML이란? HTML이란? 1)의미 HTML=Hypertext Markup Language Hypertext:하이퍼링크를 통해 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트이다. Markup Language:태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 는 뜻으로 하이퍼링크를 포함한 문서 내용의 구조를 표시하는 언어라고 보면된다. 2)용도 우리가 사용하고 있는 웹브라우저(Chrome, Microsoft Edge등)에서 html 코드를 실행시키면 웹브라우저는 html문서에 작성돼있는 TAG와 내용을 토대로 웹페이지를 띄어 준다. 즉 html은 웹페이지 무엇을 어떻게 표현할 것인지를 나타내는 문서이고 웹브라우저는 문서 내용을 알맞게 웹페이지에 표시해주는 응용어플리케이션이다. 3)TAG .. 이전 1 다음
