본문 바로가기

공부기록/HTTP10

2월 14일 (2) HTML - table 더미 이미지 참조 사이트 Home How To Set Custom Text You can specify text for your image by using a query string at the very end of the URL. So this URL… https://via.placeholder.com/728x90.png?text=Visit+WhoIsHostingThis.com+Buyers+Guide …produces this 728×90 sized image (ie, le placeholder.com 설계 시 위치를 잡을 때 크기나 공간을 사용할 수 있는 사이트 너비 x높이 단위 px, 색상 6자리 16진수로 지정 가능 16진수 : 0-9, a-f까지 사용, (ff= 255(10진수)) 계산기의 프로.. 2023. 2. 14.
2월 14일 (1) HTML - 목록 요소의 형식 내용 [ ] 안의 내용은 생략가능하다. 쓸수도 있고 안 쓸 수도 있다. 공통 태그(List Item) : 항목을 나타낸다. 계층 구조를 가진다. 공통속성 width : 요소의 가로 길이를 지정하는 속성 단위 px 픽셀 한 점의 크기 (내장된 고정된 크기) % 백분율(기준 : 브라우저 창의 내부 화면 크기에 따라서 길이가 달라진다.) 세로보다 가로를 더 중요하여 여긴다. UX적 측면에서 보조적인 측면이 더 많이 들어가 있다. 비율을 사용하는 형태로 처리 세로를 먼저 지정하고 가로길이를 지정 태그 : 수평선 표현 주요 속성 : width 가로길이 지정 size 두께 지정(1-2px 차이 없음, 3px 정도만 사용, 그 이상을 잘 사용하지 않는다.) 목록태그 : List 화면에 목록 형태로 텍스트.. 2023. 2. 14.
2월 13일 (2) HTML - 웹 문서 만들기 요소를 작성할 때 단축 태그를 사용할 수 있다. 표현할 내용이 없을 경우 시작태그 명 뒤에 '/'를 붙인다. 예> 가능한 태그가 있고 가능하지 않은 태그가 있다. 시작태그는 속성을 포함할 수 있다. 속성은 요소의 다양한 효과를 표현하는 데 사용한다. 하나의 태그는 속성과 내용을 담고 있다. 작성 규칙 1. 태그명은 소문자로 작성하도록 한다.(HTML5 권장) 2. 내용에 연속된 공백이나 줄바꿈은 웹 브라우저에 한 칸의 공백으로 출력된다. 3. 요소의 포함관계(계층관계) 표현을 위해 들여쓰기를 한다. 4. 한 요소는 시작 태그와 종료 태그를 작성하며, 다른 요소의 태그와 중첩되지 않아야 한다. 5. 주석은 로 작성 문서 작성 본문에 작성하는데 사용하는 p태그 여기는 인용 문자나 내용이 들어갑니다. html.. 2023. 2. 13.
2월 13일 (1) HTML - 웹 개발 시작하기 1. 웹 개발 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니다. 웹 사이트는 사용자에게 제공할 기능, 서비스까지 모두 담아야 한다. 서버 vs 클라이언트 프런트엔트 개발 vs 백엔드 개발 기본페이지, 웰컴파이, 웰컴페이지 - 처음 웹 사이트에 들어갔을 때 웹페이지의 상단 제어하는 부분(주소창, 제목 등) 서비스를 제공하는 부분(화면 부분) - 프런트엔드 엔드 포인트 ------------ 엔드 포인트 기본영역 HTML, CSS, JS HTML - 웹 문서의 뼈대 CSS - 웹 문서를 꾸밈 JS - 사용자 동작에 반응 과거 : 정적인 페이지가 주, 변하지 않음 현재 : 동적인 페이지, 뉴스 등 변화함 배울 기술 제이쿼리 스프링 2. 웹 개발 환경 만들기 웹 브라우저 크롬, 엣지, 파이어폭스,.. 2023. 2. 13.

티스토리툴바