Web 24

HTML Display

인라인 - content의 크기만큼만 자리를 차지하는 요소 - 텍스드, img, span 등 - 텍스트의 특징을 가지고 있음 블록 - 라인을 모두 차지하는 요소 - p, h, ul, li, div 등 - 면의 특징을 가지고 있음 span 태그 - 블록 특징을 가지고 있음 - 면 단위로 영역을 설정 시맨틱(Semantic) 태그 Semantic : 의미가 있는, 의미론적인 - div > div > div >.. 끝없는 div를 탐색하는 것보다 효율적 - 개발자에게 명확한 의미를 전달 - 스크린 리더를 사용하여 페이지를 탐색할 때 도움 - 검색엔진 봇에게 정보를 제공 header - 페이지의 제목과 같은 소개, 내용을 포함 - heading 태그나 로고, 검색양식, 작성자 이름등을 포함 nav - 메뉴, 목..

Web/html 2024.04.08

나만의 웹 사이트 꾸미기..? 1

자신만의 웹 사이트를 만들고 꾸미기를 해보았다. 아직 css를 배우지 않아서 아주 허접하다... 메뉴에 기사 한 개, 자주 이용하는 사이트 3개, 이력서 만들기를 했다. 스포츠 뉴스에 손흥민 선수가 있길래 가져와봤다. 역시 흥민이 형 멋지십니다! 이건 자주 이용하는 사이트이다. 공부를 하는 입장이라 인터넷 강의를 듣는 곳 하나를 넣어주고, 누구나 알고 있는 유튜브, 자주 보는 웹툰을 넣어주었다. 작성한 내용은 그냥 아무 내용이나 적어 넣었고 사진의 고양이가 너무 맘에 든다. ㅎㅎ 좀 더 배우면 멋진 웹 사이트를 만들 수 있겠죠..?!

Web 2024.04.05

HTML

호스팅 서비스 - 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해 주는 서비스 FTP(File Transfer Protocol) - 클라이언트와 서버간의 파일 전송 프로토콜 - 주로 대량의 파일을 전송할 때 사용 - 기본포트 : 21 닷홈 무료 호스팅 확인사항 - 첫 페이지는 항상 index.html(소문자)로 업로드해야 함 - html 디렉토리에 저장해야 함 ftp-simple - 설정하기 f1키 -> ftp-simple : config - FTP connection setting 선택 후 아래 JSON 파일 수정 [ { "name": "이름(예: 닷홈)", "host": "FTP IP 주소", "port": 21, "type": "ftp", "username": "FTP 아이디", "p..

Web/html 2024.04.04

웹(Web), HTML

웹(web) - 인터넷상에서 정보를 공유하고 문서를 표시라기 위한 시스템으로 월드 와이드 웹(World Wide Web, www)라고 함 네트워크(Network) - 컴퓨터나 기타 장치들이 상호 연결되어 데이터를 주고받을 수 있는 구조 인터넷(Internet) - 전 세계적으로 연결된 컴퓨터 네트워크들의 집합체 IP(Internet Protocol) - 컴퓨터 네트워크에서 사용되는 주요 프로토콜 중 하나로 데이터를 내보내는 데 사용되며, 컴퓨터나 기기가 인터넷에 연결되어 있는 한 모든 기기에 IP주소가 할당된다. - 아이피를 확인하는 법 : cmd에서 ipconfig를 입력 IPv4 : 32비트 주소 체계로 xxx.xxx.xxx.xxx 형식으로 표현된다. (예 : 192.0.0.1과 같이 4개의 0~24..

Web/html 2024.04.03