21.12.18 생활코딩 Web1

• 진도 현황 : WEB1 -1.수업소개 ~ WEB1 -11.최후의 문법 속성 & img
  

  

  ---

• atom.com 에서 편집기 다운로드
  1. 디렉토리를 미리 만듬
  2. file - open folder 만든 디렉토리 설정
  3. 해당 디렉토리 클릭 후 오른 쪽 마우스 버튼 클릭 후 new file -> 이름.html 파일 생성
  4. ctrl+o 후에 이름.html 파일 선택 시 웹페이지가 열림
  (이때 기본 브라우저가 엣지면 안 열릴 수도 있기에 크롬 권장
  나는 크롬으로 해도 안 열리기에 직접 디렉토리 내 이름.html 파일 더블 클릭함)
  
  
• unsplash.com 저작권 구애받지 않고 공공재와 같이 사진 다운로드 사이트

• <h1>coding</h1>
  <p style size="22px">coding</p>​

  둘 중에 <h1> 태그로 감싼 것이 검색 엔진이 더 찾기 유리하다.
  검색 엔진에 뜨지 않는 것은 현존하지 않는 것과 같은 맥락이다.
  
  
• 포토샵으로 문자를 이미지화하면 청각 장애인들에게 정보를 알려주는데 어려움이 발생할 수 있다.
  그래서 html 언어는 휴머니즘을 띄고 있기도 한다.
  
  

• <img src=" " width=" ">
  <img width=" " src=" ">​

   두 태그는 같다.
  img는 태그고 src와 width는 속성으로 속성의 위치는 상관 없다.
  속성은 태그에 더 많은 의미를 부가할 수 있는 것
  
  

배운 태그
<h1>~<h6> 구획의 크기와 두껍게, 숫자가 클수록 크기가 작아짐, 줄 바꿈
<p> 문단 태그로 css를 사용하면 줄 바꿈 간격을 상세히 지정 가능
<br> 줄 바꿈 태그
<strong> 굵은 텍스트로 표현
<u> 밑줄 태그
<img> 이미지 태그

---

• 하루 기록 : 생활코딩님 수업이 너무 재밌다. 열심히 해보자. 아자아자 화이팅 !! ♥