본문 바로가기

✒️ GURU/HTML523

[HTML5] 5. <img> 태그와 이미지 삽입 + 리스트와 리스트 아이템 + <ol> 과 중첩 리스트 + 정의 리스트 5. 태그와 이미지 삽입 + 리스트와 리스트 아이템 + 과 중첩 리스트 + 정의 리스트 # 태그와 이미지 삽입 - 태그의 src 속성에 이미지 파일의 주소를 지정하며, src에는 BMP, GIF, PNG, JPG, JPEG, animated-GIF 등의 이미지를 지정할 수 있다. - src : 이미지 파일의 URL로, 필수 속성이다. - alt : 이미지가 없거나 손상되는 등 이미지를 출력할 수 없는 경우 출력되는 문자열로, 필수 속성이다. - width : 이미지가 출력되는 너비로, 생략이 가능하다. 생략될 경우 원본 이미지의 폭을 차용한다. - height : 이미지가 출력되는 높이로.. 2022. 7. 15.

[HTML5] 4. 문자, 기호, 심볼 입력 + <pre> 태그 + 블록 태그 + 인라인 태그 + 메타 데이터 + < base > 태그 + < link > 태그와 < meta > 태그 + 절대 경로와 상대 경로 4. 문자, 기호, 심볼 입력 + 태그 + 블록 태그 + 인라인 태그 + 메타 데이터 + 태그 + 태그와 태그 + 절대 경로와 상대 경로 # 문자, 기호, 심볼과 코드 표현 및 삽입 # 태그로 개발자의 포멧 그대로 출력 # 텍스트 꾸미기 # 블록 태그와 인라인 태그 블록 태그 인라인 태그 - 항상 새 라인에서 시작하여 출력 (독립적임) - 양 옆에 타 콘텐츠를 배치하지 않고 한 라인을 독점하여 사용 - 태그 사례 : , , , - 블록 속에 삽입되어 블록의 일부로 출력 - 태그 사례 : , , , # 태그로 배경 색 및 태그로 글자 색 정하기 # 메타 데이터와 메타 데이터의 삽입 - 메타 데이터 : 데이터를 설명하는 데이터 + ex) 사진 데이터의 메타 데.. 2022. 7. 14.

[HTML5] 3. HTML5 페이지 기본 구조 + 태그 + 속성 + 웹페이지에 타이틀 달기 + <h1> ~ <h6> 태그 + 과제 홈페이지 구현해 보기 3. HTML5 페이지 기본 구조 + 태그 + 속성 + 웹페이지에 타이틀 달기 + ~ 태그 + 과제 홈페이지 구현해 보기 # HTML5 페이지의 기본 구조 -> HtML5 문서임을 알리는 지시어 문서의 본문 텍스트, 이미지, 테이블, 자바스크립트 코드, 동영상 등 # HTML5 페이지의 필수 태그 1. 2. 3. 4. 5. # HTML 태그의 특징 1. HTML 태그 구성 2. 시작 태그와 종료 태그가 모두 있는 경우 vs 시작 태그만 있는 경우\ vs 3. 태그와 속성에는 대소문자 구분이 없다. 4. 속성 값에 불필요한 공백 문자는 넣지 말아야 한다. # 웹 페이지에 타이틀 달기 # ~ 태그로 문단 제목 달기 # title 속성으로 툴팁 달기 + 캡쳐하니까 툴팁이 안보인다............ # 로 .. 2022. 7. 12.

[HTML5] 2. 웹 문서 + URL + HTTP + 웹 페이지의 구성 3요소 + 실제 웹페이지 구현해보기 2. 웹 문서 + URL + HTTP + 웹 페이지의 구성 3요소 + 실제 웹페이지 구현해보기 # 웹 문서 -> HTML 언어로 작성/웹 브라우저로 보기 -> 웹 문서는 페이지 단위로 파일에 분할하여 저장, 각 페이지는 하이퍼링크( 다른 웹 페이지의 주소를 가진 텍스트 정보 )로 연결 # 웹 페이지 -> 이미지, 동영상, 그래픽 등은 별도의 파일로 저장하고, 텍스트만 저장한다. -> 웹 페이지에 이미지, 그래픽, 동영상 파일의 이름으로 연결 # 웹 페이지의 주소, URL(Uniform Resource Locators) http:// www.oracle.com :80/ technetwork/java/ index.html - 프로토콜 : HTTP, https, file, telnet, news, mailto.. 2022. 7. 11.

[HTML5] 1. C/S 환경 ( 웹 서비스 환경 ) + 웹페이지 동작원리 + 프론트 엔드와 백 엔드 + 웹과 인터넷 + 웹 사이트 구축 1. C/S 환경 ( 웹 서비스 환경 ) + 웹페이지 동작원리 + 프론트 엔드와 백 엔드 + 웹과 인터넷 + 웹 사이트 구축 # 웹 - 웹의 기본 목적 : 다른 여러 컴퓨터에서 문서를 공유하거나 보기 위함 - 웹 문서 : 웹에서 다루는 문서 # 웹의 구조 : 인터넷을 활용하여 거미줄처럼 연결된 정보 소통 망 (World Wide Web) -> 웹 문서를 인터넷 상의 컴퓨터끼리 주고받는 네트워크 시스템 # 웹의 구성 -> 웹 = 웹 서버 + 웹 클라이언트 컴퓨터들 # 웹 서버 : 웹 사이트를 탑재하는 컴퓨터, 구글, 네이버 등으로, 웹 문서나 이미지, 동영상 등의 데이터를 저장하고 관리한다. 웹 클라이언트의 요청이 발생하면 웹 문서를 전송하고 웹 서버로 작동하도록 하는 소프트웨어를 실행시키는 역할도 수행한.. 2022. 7. 10.

이전 1 2 3 4 다음

티스토리툴바