본문 바로가기

화면구현/html

 (17)
emmet 사용하기 부모 자식 형제 노드 div.class div#id div>ul>li div>ul+ol div>ul>li^ol 그룹화하기() div>(header>ul>li*2>a)+footer>p 텍스트 입력하기 p{hello} hello 자동 번호 넣기 p.class${item $}*5 item1 item2 item3 item4 item5 더미용 텍스트 생성 p>lorem4 Lorem ipsum dolor sit.
html 간단 정리 box - header, footer, nav, aside, main, section, article, div, span, form item - a, button, input, label, img, video, audio, map, canvas, table block 한 줄에 하나 inline 공간이 허용하면 옆에 위치 ol>li*3 그리고 tab을 누르면 ol안에 리스트 세개 생성 입력받기 name: type = file, password, text....etc F12로 박스보기
html 구조 헤더header: 일반적으로 상단에 큰 제목, 로고 ​​및 태그라인이 있는 큰 스트립입니다. 이것은 일반적으로 한 웹페이지에서 다른 웹페이지로 동일하게 유지됩니다. 네비게이션 바navigation bar: 사이트의 주요 섹션에 대한 링크 일반적으로 메뉴 버튼, 링크 또는 탭으로 표시됩니다. 헤더와 마찬가지로 이 콘텐츠는 일반적으로 한 웹페이지에서 다른 웹페이지로 일관성을 유지합니다. 많은 웹 디자이너는 탐색 모음을 개별 구성 요소가 아니라 헤더의 일부로 간주하지만 이것이 필수 사항은 아닙니다. 실제로 일부에서는 화면 판독기가 두 기능을 분리하면 더 잘 읽을 수 있으므로 두 기능을 분리하는 것이 접근성에 더 좋습니다. 메인 내용main content: 특정 웹페이지의 고유한 콘텐츠 대부분을 포함하는 중앙의..
html - 방문자 분석 면 5. 가운데 새로운 온페이지 태그 추가 밑에 전체사이트 태그 웹사이트 작성도구 클릭하면 코드가 나옵니다 https://analytics.google.com/를 사용 해준다. 왼쪽 하단 관리에서 데이터 스트림을 클릭하고 정보를 입력하여 스트림을 만든후 새로운 온페이지 태그 추가 밑 전체 사이트 태그를 누르면 코드가 나온다. 이 코드를 안에 복사해준다. 이제 애널리틱스에서 실시간 방문자 수를 확인할 수 있다.
html-채팅기능 추가 tawk.to 이용 설정>chat widget에서 widget code를 복사하여 소스코드의 바디 안에 붙여 넣으면 채팅 기능이 생긴다. 사용자가 채팅을 치면 monitoring에서 볼 수 있다.
html-댓글 기능 추가하기 disqus를 사용 사이트를 만들고 맨 하단에 위치한 버튼을 누른다 그 후 나오는 코드를 복사하여 나의 소스코드에 추가하면 댓글기능이 추가된다.
html-유튜브 동영상 삽입 유튜브 공유 버튼을 누르고 퍼가기를 누른다. 동영상 퍼가기에 뜨는 코드를 복사하여 소스코드에 추가하면 동영상이 나올 것이다.
웹서버 운영하기 파일열기ctrl + o로 열기 file:///C:/Users/adh06/Desktop/web/index.html 웹브라우저 파일 열기는 웹브라우저가 웹페이지를 직접 연 것이다. web server for chrome사용 http://127.0.0.1:8887 같은 컴퓨터에 설치된 웹서버에 접속하여 웹서버가 읽어서 웹브라우저에 돌려준 것이다. http : hyper text transfer protocol 127.0.0.1 : internet protocol address : 나 자신. 즉, 웹브라우저는 같은 컴퓨터에 설치된 웹서버에 접속하고 있는 것 8887: port 로컬 네트워크 접속을 허용하면 두 번째 주소가 뜨며 이 주소를 이용하여 다른 컴퓨터의 웹브라우저에서 열 수 있다. apache 사용 ht..
github로 웹호스팅하기 세팅에서 브랜치를 메인으로 바꾸고 저장하면 액션에서 진행상황을 볼 수 있다. 진행이 완료되면 다시 세팅에서 링크를 클릭하면 내가 만든 웹페이지에 들어 갈 수 있다. 수정을 한다면 코드에서 add file>upload file로 다시 모든 코드를 업로드하면 된다. 파일을 업로드하면 웹호스팅으로 업로드 되고 설치된 웹서버를 활성화하고 도메인에 이름을 부여한다. 방문자가 도메인 주소 접속하면 웹서버가 파일을 읽고 소스코드를 전송한다. 방문자에게 웹브라우저에 웹페이지가 표시된다.
서버와 클라이언트 인터넷과 웹은 다르다. 인터넷 안에 웹이 존재한다. info.cern.ch은 최초의 웹페이지이다. 이 주소를 컴퓨터에 입력하면 어떠한 일이 일어날까? 두 대의 컴퓨터 : 웹브라우저와 웹서버 프로그램 웹브라우저에 주소를 치고 엔터를 치면 웹서버에는 하드디스크가 있고 index.html이라는 파일이 저장되어 있다. 웹브라우저에 info.cern.ch/index.html을 치면 인터넷을 통해 전기적 신호를 서버에 보낸다. info.cern.ch에 해당되는 웹서버 프로그램인 index.html이란 파일을 찾아서 웹브라우저가 설치된 컴퓨터에 전기적 신호를 다시 보낸다. index.html이라는 파일의 내용이 도착하고 그 코드를 웹브라우저가 읽어서 화면에 표시한다. 서로 정보를 주고 받는데 웹브라우저 컴퓨터는 정보..

티스토리툴바