HTML_Web 1116

  1. 워드프레스 웹사이트 설치하는 법 : http://ptware.net/po36/
  2. 자원을 연결함. 이미지를 불러오는 위치를 지정하는 것들이 처음에는 조금 까다로움.
  3. 절대경로와 상대경로의 차이점. 절대경로는 내가 어디에 있던지 찾아갈 수 있음. 예를 들어, 지구의 위도와 경도는 바뀌지 않음. 브라우저 발달로 프로토콜을 생략해도 자동으로 입력해줌. URL은 주소, URI는 좌표와 같다.
  4. 마이크로소프트를 제외하고는 폴더라는 명칭을 디렉토리라고 함. 디렉토리가 좀 더 공통된 용어임. 상대경로의 경우 같은 디렉토리에 위치한다면, 파일명만 적어주면 됨. 서버에서는 .을 같은 위치라고 생각함. 내 디렉토리와 같은 경로에 있는 파일일 경우, ../을 입력하고 파일명을 적어줌. 상위로 반복될 때에는 ../를 반복해 주면 됨.
  5. 이미지는 인라인 레벨 요소, 줄바꿈 하지 않음.
  6. 관행적으로 이미지 폴더를 만드는 경우가 많음.
  7. 디렉토리 관리가 습관화 되어 있어야 함.
  8. <img alt=”호랑이가 누워있는 장면” src=”sample.jpg” /> alt에는 속성값을 적어줌. alt까지 써주는 것이 웹 표준임.
  9. 이미지 사이즈를 늘리거나 줄일 때에는 css로 사용하는 경우가 많음. 하지만 html 태그도 사용할 때가 있음. 메일 같이 보안이 중요한 경우에는 html로 사용하기도 함.
  10. body의 넓이는 viewport의 넓이임. body는 height가 정의되어 있지 않아서, <img src=”asset/images/moon.jpg” height=”100%” />입력하면, 이미지 크기 변화가 없음.
  11. a 태그는 마치 링크와 같고, a는 anchor를 뜻함.
  12. 이미지는 source여서 src였고, a 태그에 쓰이는 href는 하이퍼 링크 레퍼런스를 뜻함. 매우 많이 쓰는 태그라 외우면 됨.
  13. 링크가 걸린 텍스트는 브라우저에서 자동으로 밑줄이 쳐짐.
  14. <a href=”http://www.naver.com">네이버</a> 새로운 탭이나 새로운 창이 열리지 않고 해당 페이지로 바로 이동함.
  15. <a href=”http://www.naver.com" target=”_blank”>네이버</a>로 새창뜨기 이동함.
  16. 프로토콜을 적지 않으면 파일명으로 인식함.
  17. a 태그의 경우, 웹문서가 아닌 것들은 다운로드됨.
  18. pdf 파일을 연결할 때는 _blank로 해주는 것이 좋음.
  19. crosshash : 격자 태그
  20. iframe을 쓰는 경우 : 회사 주가 시세표 같은 것들