전체 글 (29) 썸네일형 리스트형 CSS란? 1. CSS란? 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다. 즉 html과 같은 마크업 언어들로 작성된 전자 문서에 글자의 색,크기,위치등을 설정하여 전자문서를 스타일링 하는 용도로 사용된다. 2. 동작원리 css는 html 문법인 style라는 키워드로 css 문법을 사용하여 웹브라우저가 이를 웹페이지에 반영하도록 하는 것이다. html의 문법인 style 키워드는 "앞으로는 css 문법입니다."라는 것을 웹브라우저에게 알리는 역할을 한다. 즉 웹브라우저는 style 키워드를 통해 css와 html 문법을 따로 적용하여 웹 페이지에 표시한다. 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 2 3 4 다음
