본문 바로가기
반응형

분류 전체보기39

3. 글꼴 태그 ~ 웹 페이지의 제목 또는 부제목을 표현할 때 사용하며, 숫자가 작을 수록 큰 제목을 표시하는 데 사용합니다. 하나의 문단을 표시할 때 사용합니다. 가로로 선을 긋는 태그입니다. (종료태그 없음) 줄바꿈 태그로 HTML에서 개행 역할을 합니다. (종료태그 없음) 텍스트를 이텔릭체로 표시할 때 사용합니다. 텍스트를 이텔릭체로 강조할 때 사용합니다. 텍스트를 진하게 표시할 때 사용합니다. 텍스트를 진하게 강조할 때 사용합니다. ※ vs 차이, vs 차이 b 태그와, i 태그는 단순히 텍스트를 진하게 그리고 이텔릭체로 표시하는 역할만 합니다. 그러나 strong 태그와 em태그는 실제로 페이지 내의 중요한 부분으로 강조하고 싶을때 사용합니다. strong, em 태그를 용도에 맞게 사용하면 웹 접근성에 큰 기.. 2024. 4. 11.
2. HTML이란? 웹 WWW(World Wide Web) 인터넷, 컴퓨터, 웹 브라우저(web browser)를 통해 글자, 이미지, 동영상, 음성 등의 데이터를 사용자에게 제공하거나, 사용자와 컴퓨터 또는 사용자 상호 간에 소통하게 해주는 서비스입니다. 웹 사이트 화면을 만들기 위해 기본적으로 HTML, CSS, JavaScript를 사용합니다. HTML HTML은 Hyper Text Markup Language의 약자로서 웹 페이지를 만드는 언어로 기능을 담고 있는 문서입니다. Markup 언어라는 뜻은 말 그대로 Mark 하는 것을 말합니다. HTML은 텍스트에 Mark하기 위하여 태그(tag)라는 것을 사용합니다. HTML 구조 2024. 4. 9.
1. HTML 에밋(Emmet) 사용법 Emmet (에밋) 빠른 코딩을 위해 사용하는 플러그인으로 간단한 몇 가지 코드만 입력하면, 자동으로 완전한 HTML 코드를 생성해 줍니다. HTML 표준 구조 ! 입력 후 Tab키 : 간단하고 빠르게 HTML 기본구조를 만들어 줍니다. 자식노드 div>ul>li 입력 후 Tab키 : >를 사용하여 자식 요소를 생성할 수 있습니다. 형제노드 div>ul+ol+div 입력 후 Tab키 : +를 사용하여 한 요소와 같은 단계에 위치한 요소를 생성할 수 있습니다. 반복하기 div>ul>li*3 입력 후 Tab키 : *를 사용하여 요소를 반복해서 생성할 수 있습니다. 클래스 부여 div.title 입력 후 Tab키 : .을 사용하여 클래스를 갖는 요소를 생성할 수 있습니다. 아이디 div#item 입력 후 Ta.. 2024. 4. 9.
반응형

티스토리툴바