WEB/html & css22 이미지 (IMAGE) 태그 img 태그 - 문서에 이미지를 삽입하는 태그, 닫는 태그가 없는 빈태그 src 속성 - img의 필수 속성으로 이미지의 경로를 나타내는 속성 alt 속성 - 이미지의 대체 텍스트를 나타내는 속성이다. - src속성과 마찬가지로 필수 속성 width/height 속성 - 이미지의 가로/세로 크기를 나타내는 속성 - 자동으로 픽셀 단위로 계산된다. - 없으면 이미지 원본 크기대로 노출, 둘중 하나만 선언하면 선언한 속성의 크기에 맞춰 자동으로 비율맞춰짐 2022. 7. 6. 리스트 (ul, ol, dl) ul(unordered list) - 태그는 순서가 없는 리스트를 표현할 때 사용한다. ol (ordered list) - 태그는 순서가 있는 리스트를 표현할 때 사용한다. dl(definition/description list) - 태그는 용어와 그에 대한 정의를 표현할 때 사용 한다. 2022. 7. 6. CONTAINER (div, span) div 태그 - 블록 레벨 태그 (기본적으로 한줄을 생성해서 내용을 표현) - division (나누다) span 태그 - 인라인 레벨 태그(블록 레벨 요소의 한 줄 안에서 표현) - spanned (차지하다) 2022. 7. 6. 앵커(ANCHOR) 앵커(ANCHOR) 태그 다른 문서로 이동할 수 있는 링크를 생성한다. href 속성 링크를 만들기 위해 는 반드시 href(hypertext reference)속성을 가지고 있어야 한다. - ex) 2022. 7. 6. 제목 태그(heading tags), 단락 태그(paragraph) 제목 태그 제목(heading)태그는 문서 내에 제목을 표현할 때 사용한다 태그 이름은 heading을 줄여서 h로 쓰며, 제목의 레벨에 따라서 ~까지 있다. 단락 태그 단락(paragraph) 태그는 paragraph 를 줄여서 p로 사용한다. 개행 태그 HTML은 한 칸 이상의 공백 및 개행을 무시하기 때문에 실제 코드창에 개행을 해도 화면에 나타 나지 않는다. 따라서 개행을 위해 쓰이는 태그가 태그 이다. (linebreak) 2022. 7. 6. HTML의 기본 구조 HTML의 기본 구조 -웹 문서를 작성 할 때 반드시 들어가야 하는 기본적인 내용 // 문서타입정의 DTD(doctype) = 문서가 어떤 버전으로 작성되었는지 // 문서가 어느언어로 저장되어있는지 // 실제 브라우저 화면에 나타나는 내용이 들어간다 2022. 6. 29. 태그 중첩(NESTING TAGS) 태그의 중첩 태그 안에 다른 태그를 선언할 수 있다. 태그를 중첩해서 사용 시 중첩되는 태그는 부모 태그를 벗어나서는 안된다. 올바른 예 Hello, HTML 잘못된 예 Hello, HTML 2022. 6. 29. HTML 문법 - 속성 속성(ATTRIBUTE) 1. 속성이란? - 속성은 태그에 추가로 정보를 제공하거나 태그의 동작이나 표현을 제어할 수 있는 설정값을 의미한다. 2. 속성 사용법 - 시작 태그에서 태그 이름 뒤에 공백으로 구분 후 속성 이름 = "속성값"으로 표현. ex) Hello, HTML 3. 여러 속성을 사용하는 방법 - 의미와 용도에 따라 여러 속성이 존재하며 하나의 태그에 여러 속성을 선언할 수 있습니다. ex) Hello, HTML 4. 속성의 종류 - 모든 태그에 사용 할 수 있는 글로벌 속성 ex) id, class - 특정 태그에서만 사용 할 수 있는 속성 - 서낵적으로 쓸 수 있는 속성과 특정 태그에서 필요한 필수 속성 2022. 6. 29. HTML 문법 - 태그 핵심 키워드 - 태그(tag) - 시작 태그(여는 태그) - 종료 태그(닫는 태그) - 내용(content) - 요소(Element) - 공백 - 주석 태그 사용하는 방법 - 태그는 기호로 표현하며 기호 사이에 태그 이름이 들어간다. ex) Hello, HTML ==> 내용을 포함한 태그 전체를 요소(Element)라고 한다. - 태그는 HTML 뿐만 아니라 XML, SGML, XHTML등 다양한 마크업 언어에서 모두 사용된다. 2022. 6. 29. HTML(Hyper Text Markup Language) Hyper Text Markup Language HTML 의 의미와 특징 - Hyper Text = text를 뛰어 넘다 (link) - Markup Language = 마크업 언어는 정보를 구조적으로 표현 가능한 언어 - 확장자가 html HTML 의 역사 - HTML은 1990년대 영국의 물리학자 팀 버너스리가 제안하여 개발되었다. - 초기 개발 목적은 연구소의 연구원들이 신혹하게 정보와 문서를 공유하기 위해서 이다. - 현재의 웹은 문서의 형태는 아니지만, 정보를 공유한다는 목적은 여전히 같다. 2022. 6. 29. 이전 1 2 다음
