흰둥이는 코드를 짤 때 짖어 (왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!)

(HTML) 기초 지식 본문

HTML, CSS, JS

(HTML) 기초 지식

흰둥아솜사탕 2023. 3. 23. 17:55
728x90
반응형

클라이언트(Client)

서버로부터 서비스나 데이터를 요청하는 컴퓨터

서버(Server)

데이터를 포함하거나 네트워크의 다른 컴퓨터에서 엑세스하는 기능을 제공하는 컴퓨터

클라이언트 사이드 언어

  • HTML(Hyper Text Markup Language)
    • HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 것) 기능을 가진 문서를 만드는 언어
  • CSS, JavaScript

HTML 문서 만들기

  • HTML 문서는 확장명을 .html로 저장
  • 대소문자를 구별하지 않음
  • 문서를 작성할 수 있는 에디터라면 어디든지 작성이 가능
  • 띄어쓰기, 줄바꿈을 구별하지 않음
  • 명령어(태그) 형태로 괄호를 (예: <명령어>) 사용하여 표현
  • 시작태그, 종료태그로 구성되어 있음 (예: <명령어> ... </명령어>)
<html>
    <head>

    </head>
    <body>

    </body>
</html>

기본 설정

  • live server 설치
  • 가로 스크롤 없애기
    • 파일 -> 기본설정 -> 설정 -> wrap으로 검색 -> word wrap을 on으로 설정
  • Auto rename
    • 시작태그와 종료태그가 변화라면 태그를 동일하게 변경 

 

웹표준

  • 웹에서 표준적으로 사용되는 기술이나 규칙
  • W3C가 권고하는 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript등에 대한 규정

 

웹접근성

  • 장애인, 고령자 등이 웹사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장

 

에밋(emmet)

  • html, xml, xsl 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인
  • 원래 젠코딩으로 부르다가 에밋으로 이름을 변경

 

단축키

  • HTML 문서를 선택 -> 알트 누르고 있는 상태로 L + O
  • 전체선택: 컨트롤 + a
  • 코드정렬: 컨트롤 + k + f
728x90
반응형

'HTML, CSS, JS' 카테고리의 다른 글

(CSS) 기초 지식  (0) 2023.03.28
(HTML) 기본 태그3  (0) 2023.03.27
(HTML) 호스팅  (0) 2023.03.27
(HTML) 기본 태그2  (0) 2023.03.24
(HTML) 기본 태그1  (2) 2023.03.23
'HTML, CSS, JS' Related Articles more
Comments