Coding (18) 썸네일형 리스트형 Html img 태그 알아보기 웹사이트에 이미지를 표시하는 img 태그와 관련한 속성을 알아봅시다. 이미지 태그에 src 속성에 이미지의 주소를 입력합니다. alt 속성에는 이미지의 대체 텍스트를 입력해주세요. 이미지가 로드되지 못했을때나 스크린리더(음성 출력 장치)등에 사용됩니다. 그리고 구글이나 네이버같은 검색엔진 등에서, 대체 텍스트를 사용해야 검색결과 노출 확률이 높아져요. 웹사이트를 편리하게 만들 수 있는 웹프로그램을 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/mm-guide/ 로또 번호 생성기도 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/simple-lotto/?lotto=lottoKoea 관련글: 주요 Html 태그 알아보기 Html div 태그 알아보기 주로 CSS 스타일링이나 JavaScript와 함께 사용되어 특정 그룹의 요소를 스타일링하거나 동적으로 조작할 수 있도록 하는 데에 활용됩니다. 일단 빈 박스라고 생각을 합시다. 블로그로 이동하기 링크 를 새창으로 이동해보세요. 미리 레이아웃에 대해 이야기를 하자면, div와 같은 박스를 만들고 Css를 통해 배치를 하는것이라 생각하면 됩니다. 웹사이트를 편리하게 만들 수 있는 웹프로그램을 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/mm-guide/ 로또 번호 생성기도 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/simple-lotto/?lotto=lottoKoea 관련글: 주요 Html 태그 알아보기 Html a 태그 알아보기 anchor라고도 부릅니다. 속성에 주소를 집어넣어서 해당하는 주소로 이동할 수 있는 링크를 만들 때 사용합니다. span 태그와 마찬가지로, 원하는 부분에만 사용할 수 있습니다. 아래 주요 속성과 같이 사용합시다. href: 주소를 입력합니다. target: 페이지를 이동을 할 때, 새창으로 이동할건지 본창으로 이동할건지 판단합니다. 블로그로 이동하기 해당 링크를 새창으로 이동해보세요. 해당 링크를 본창으로 이동해보세요. 웹사이트를 편리하게 만들 수 있는 웹프로그램을 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/mm-guide/ 로또 번호 생성기도 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/simple-lotto/?lo.. Html span 태그 알아보기 특정 단어를 강조하고 싶을 때, 사용합시다. 나중에 Css 관련 스타일링을 할텐데, 일단 미리 봐봅시다. 글의 제목(Heading) 글 단락(Paragraph)입니다. 웹사이트를 편리하게 만들 수 있는 웹프로그램을 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/mm-guide/ 로또 번호 생성기도 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/simple-lotto/?lotto=lottoKoea 관련글: 주요 Html 태그 알아보기 Html p 태그 알아보기 본문에 해당하는 글을 쓸 때, 사용합니다. 글의 제목(Heading) 글 단락(Paragraph)입니다. 웹사이트를 편리하게 만들 수 있는 웹프로그램을 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/mm-guide/ 로또 번호 생성기도 만들었습니다. 한번 구경해보세요. https://zabefofoon.github.io/simple-lotto/?lotto=lottoKoea 관련글: 주요 Html 태그 알아보기 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)라고 합니다. 이렇게 .. 이전 1 2 3 다음
