본문 바로가기

Programing375

기본 태그 제목 제목 단락구분 내용 둘은 결과 화면에서 단락을 구분해주는 것은 같지만 는 닫는 태그가 있어 구획을 구분해주고 은 그렇지 않기 때문에 CSS style을 적용하기 어려움. 따라서 CSS를 쓸 땐 를 사용해야 함. 인용 인용구 다른 텍스트에 비해 들여쓰기가 된 형태로 써지며, 시각장애인의 접근성에서도 다른 텍스트와 구분을 한다. 굵게 굵게할 텍스트 굵게할 텍스트 두 태그의 차이는 태그는 단순히 서식만 굵게 바꾸는 것이고 은 기능적으로 구분해준다. 시각장애인용 접근성 등에서도 구분하기 때문에 텍스트를 읽을 때 강조해서 읽어준다. 기울임 이탤릭체 이탤릭체 em : 문장의 흐름상 특정 부분을 강조하고 싶을 때 // 특별히 강조하고 싶은 곳 i : 마음 속의 생각이나 용어, 관용구 등을 강조할 때 // 단순히.. Programing/HTML 2024. 2. 24.
웹 문서의 구조 HTML 태그는 태그의 이름만 보더라도 그 의미를 알 수 있어 시맨틱(semantic) 태그라고 한다. 웹 페이지가 모두 다르게 보이지만 기본 골격은 기능적으로 위의 범위를 크게 벗어나지 않는다. 웹 문서의 구조를 만드는 주요 시맨틱 태그 꼭 시맨틱 태그를 이용하여 문서를 작성할 필요는 없다. 하지만 시맨틱 태그를 이용하여 문서를 구조화시키면 가독성이 올라가며, 웹 문서 내의 검색엔진을 활용할 때도 본문 내에서만 키워드를 찾게 할 수도 있어 웹사이트의 효율성이 높아진다. header 사이트의 헤더는 주로 맨 위쪽이나 왼족에 있으며, 검색창이나 사이트 메뉴가 삽입된다. nav 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만들 때 사용한다. nav 태그는 웹 문서의 위치에 영향을 .. Programing/HTML 2024. 2. 24.
HTML 문서의 기본 구조 Programing/HTML 2024. 2. 24.
웹 개발 시작하기 - 환경 세팅하기 비주얼 스튜디오 코드 설치하기 코딩을 돕는 폰트 설치하기 (D2 Coding) github.com/naver/d2codingfont GitHub - naver/d2codingfont: D2 Coding 글꼴 D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub. github.com 3. 확장프로그램 라이브 서버 설치하기 Programing/HTML 2024. 2. 24.
웹 개발(Web development)이란? 웹 개발의 의미 웹사이트를 만드는 것 과거처럼 정보를 보여주기만 하는 Static site에서 현재는 친구추가, 좋아요, 댓글 등 이용자와 상호 소통하는 Dynamic site의 형태로 발전했기 때문에 웹 사이트를 개발한다고 표현하는 것. Server와 Client Web site를 담고 있는 컴퓨터를 server라 하며, 이를 브라우저로 읽는 PC, 태블릿, 스마트폰 등의 기기를 Client라 한다. Front-end와 Back-end Front-end : 웹 사이트. 웹 브라우저에서 읽어지는 site를 만든다. 주로 HTML, CSS, JavaScript가 사용된다. Back-end : 회원정보나 게시글 같은 Database를 다룬다. JAVA, PHP, Python 등이 사용된다. (예) Space.. Programing 2024. 2. 24.

티스토리툴바