본문 바로가기

분류 전체보기402

기본 태그 제목 제목 단락구분 내용 둘은 결과 화면에서 단락을 구분해주는 것은 같지만 는 닫는 태그가 있어 구획을 구분해주고 은 그렇지 않기 때문에 CSS style을 적용하기 어려움. 따라서 CSS를 쓸 땐 를 사용해야 함. 인용 인용구 다른 텍스트에 비해 들여쓰기가 된 형태로 써지며, 시각장애인의 접근성에서도 다른 텍스트와 구분을 한다. 굵게 굵게할 텍스트 굵게할 텍스트 두 태그의 차이는 태그는 단순히 서식만 굵게 바꾸는 것이고 은 기능적으로 구분해준다. 시각장애인용 접근성 등에서도 구분하기 때문에 텍스트를 읽을 때 강조해서 읽어준다. 기울임 이탤릭체 이탤릭체 em : 문장의 흐름상 특정 부분을 강조하고 싶을 때 // 특별히 강조하고 싶은 곳 i : 마음 속의 생각이나 용어, 관용구 등을 강조할 때 // 단순히.. Programing/HTML 2024. 2. 24.
티스토리 글쓰기 에디터 단축키 굵게 : ctrl + b 기울임 : ctrl + i 밑줄 : ctrl + u 취소선 : ctrl + alt + j 글자색 : ctrl + alt + [ 배경색 : ctrl + alt + ] 링크삽입 : ctrl + k 임시저장 : ctrl + s 제목(h1) : alt + shift + 2 제목(h2) : alt + shift + 3 제목(h3) : alt + shift + 4 문단(h7) : alt + shift + 7 폰트 변경 : ctrl + alt + t 제목 변경 : ctrl + alt + 1 본문 변경 : ctrl + alt + 2 인용 변경 : ctrl + alt + 3 목록 변경 : ctrl + alt + 4 정렬 : ctrl + alt + 5 코드블럭 : ctrl + alt + , 단축키.. IT/Tistory 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.

티스토리툴바