전체 글 (21) 썸네일형 리스트형 Html h1, h2, h3, h4, h5, h6 태그 알아보기 글을 쓸 때, 제목의 용도로 사용합니다. 크기와 중요도에 따라 1부터 6까지 있습니다. 웹 페이지의 구조를 일관성 있게 유지하고 검색 엔진이 페이지의 콘텐츠를 이해하기 쉽게 하기 위해, 하나의 페이지에는 보통 하나의 태그를 사용하는 것이 권장됩니다. Heading1 Heading2 Heading3 Heading4 Heading5 Heading6 웹사이트를 편리하게 만들 수 있는 웹프로그램을 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/mm-guide/ 로또 번호 생성기도 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/simple-lotto/?lotto=lottoKoea 관련글: 주요 Html 태그 알아보기 주요 Html 태그(tag) 알아보기 어느 언어든지, 사실 생각해보면 사용하는 단어만 사용합니다. Html도 마찬가지로, 자주 사용하는 태그만 사용하게 될거에요. 이번에는 자주 사용하는 태그를 알아봅시다. 1. h1, ..., h6: 글을 쓸 때, 제목의 용도로 사용합니다. 크기와 중요도에 따라 1부터 6까지 있습니다. (더보기) 2. p: 본문에 해당하는 글을 쓸 때, 사용합니다. (더보기) 3. span: 특정 단어를 강조하고 싶을 때, 사용합시다. (더보기) 4. a: 주소로 이동할 수 있는 링크를 만들 때 사용합니다. (더보기) 5. div: 일단 빈 박스라고 생각을 합시다. (더보기) 6. img: 이미지를 표시할 때 사용합니다. (더보기) 7. video: 동영상을 표시할 때 사용합니다. (더보기) 8. iframe: 일단 유튜브.. Html 문법과 태그 알아보기 Html은 파일이자 문서입니다. 그리고 이 문서는, 코딩 규칙(문법)에 맞게 작성되어야 합니다. 코딩 규칙(문법)과, 규칙의 필수요소인 태그(= tag, element)를 알아봅시다. 1. 태그(= tag, element)는 여는 꺾쇠와 닫는 꺾쇠로 써야합니다. 2. 기본으로 닫는 태그가 있어야되지만, 몇몇 태그는 없을 수 있습니다. 닫는 태그는 /(슬래쉬)를 넣어주세요. 3. 여는 태그와 닫는 태그 사이에 내용을 넣습니다. Heading(헤딩) 4. 태그 안에 태그를 넣을 수 있습니다. 여는 태그와 닫는 태그 사이에 태그도 넣을 수 있습니다. 이 때, 상위 태그는 부모(parent)태그 또는 요소(element)라 말하고, 안쪽 태그는 자식(child)태그 또는 요소(elemnt)라고 합니다. 이렇게 .. Html 파일 만들기(with Visual Studio Code) 웹코딩은 기본 메모장으로도 할 수 있지만, 요새 가장 많이 쓰는 Vscode로 .html 파일을 만들어 봅시다. 1. Vscode 다운로드 사이트로 이동해서 다운받습니다. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web an.. Html 이란? 웹사이트를 만들기 위해서는 Html, Css, Javascript가 필수입니다. 그 중에서, 가장 기본이 되는 Html을 알아봅시다. 1. HTML: Hyper Text Markup Language 앞글자만 따온 약어입니다. 마크업 언어이며, 프로그래밍 언어라고 안합니다. 2. index.html .html 확장자명을 가진 파일입니다. 3. .html 파일을 실행시키면 브라우저가 켜집니다. .html 파일을 실행시키면, Chrome, Safari같은 웹 브라우저가 켜집니다. 일단 브라우저는 html 실행기라 생각합시다. 4. 문서(Document)입니다. 책을 쓴다고 생각하면, 크게 생각할건 아래 2가지 같습니다 . 내용 디자인 Html은 웹의 내용을 작성할 때 쓰는것으로, 원고지에 책의 내용을 쓰는것이.. 이전 1 2 3 다음
