img 태그 HTML 문서에 이미지를 삽일할 때 사용합니다. 종료 태그가 없는 빈 태그입니다. src 속성은 이미지가 저장된 주소의 URL 주소를 명시합니다. alt 속성으로 이미지가 로딩될 수 없는 상황에서 이미지 대신 나타날 문자열을 설정할 수 있습니다. 이미지가 저장되어 있는 서버의 주소를 그대로 src에 입력하는 방식인 웹서버 주소 지정도 사용할 수 있습니다. GitHub https://github.com/Qkrwnsgus0522/Web GitHub - Qkrwnsgus0522/Web Contribute to Qkrwnsgus0522/Web development by creating an account on GitHub. github.com
시맨틱 태그 시맨틱 태그란 사람이 이해하기 쉽도록 태그의 이름만 보고도 역할이나 위치를 알 수 있도록 만든 태그들입니다. 시맨틱 태그 장점 검색엔진 최적화(SEO) 쉬운 소스코드 구조화 코드 가독성 향상 1. 검색엔진 최적화(SEO) 검색엔진이 알맞은 검색결과를 내기 위해 웹사이트를 크롤링할 때 웹사이트의 내부에 담긴 정보를 토대로 사이트를 분석합니다. 그럴 때, 의미있는 태그를 사용하면 좀 더 정확한 구조로 분석할 수 있도록 도울 수 있습니다. 2. 쉬운 소스코드 구조화 브라우저가 웹 문서의 소스 코드를 보고 어느 부분이 헤더인지, 어느 부분이 본문인지를 쉽게 알아낼 수 있습니다. 웹 문서를 분석하는 서비스 (ex. 스크린 리더기) 같은 것들이 있을 때 분석하기 용이해집니다. 3. 코드 가독성 향상 여..
HTML HTML은 Hypertext Markup Language의 약자로 웹 페이지를 만드는 데 사용하는 언어입니다. 우리가 브라우저를 통해 보는 페이지는 모두 HTML로 작성되어 있습니다. HTML에서 Hypertext의 의미는 링크를 통해 다른 문서로 이동할 수 있는 문서를 뜻합니다. 또한 HTML은 마크업 언어로써, 여러 가지 태그를 이용하여 제목이나 문단 등을 구분해 정보를 구조화할 수 있습니다. 마크업 언어는 주어진 데이터를 구조화하고 형식을 나타낸다는 점에서 변수나 함수 등을 이용해 기능을 구현하는 프로그래밍 언어와 차이가 있습니다. HTML 구조 HTML은 트리구조로 이루어져 있으며 이는 나무의 뿌리가 기둥에서 부터 여러 갈래로 갈라지는 것처럼 부모 요소 안에서 여러 가지 자식 태그들이 갈..
WEB1 - 07 혁명적인 변화 다음은 w3schools(www.w3schools.com)에서 가져온 ~ 태그의 설명입니다. 태그의 정의를 보면 'HTML heading'라고 적혀 있습니다. heading은 제목이라는 뜻입니다. 따라서 부터 은 제목을 나타내는 태그라는 사실을 알아낼 수 있는 겁니다. 참고로 부터 밖에 없습니다. 은 없습니다. ~ 태그 Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. W3C This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is headin..
WEB2 - 04 CSS의 기본 문법 웹 페이지 안에 CSS를 삽입하는 두 가지 방법이 있는데, 첫 번째 방법은 " 이러한 코드를 이웹 페이지에서 주고 싶은 효과를 누구에게 줄 것인가를 선택한다는 점에서 선택자(selector)라고 합니다. 그리고 선택자에 지정될 효과를 효과 혹은 delaration이라고 부릅니다. declaration은 한국어로 '선언'이라는 뜻이 있습니다. 그런데 style 속성을 직접 사용한 경우에는 style 속성이 위치한 태그에 효과를 적용하기 때문에 선택자라는 것을 사용할 필요가 없습니다. CSS를 이용해 링크에 밑줄 없애기 ... ... ↓ 텍스트를 꾸미는 장식을 넣는 속성은 text-decoration입니다. 따라서 text-decoration: none;이라고 작성하면 ..
WEB1 - 06 기분 문법과 태그 html 파일 생성 후 텍스트 입력 Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. ↓ HTML 삽입 미리보기할 수 없는 소스 위 파일 생성 후 텍스트를 입력하고 윈도우에서 Ctrl + S, macOS에서는 command + S를 누르면 변경사항이 저장되고, 브라우저를 새로고침하면 에디터에 작성한 내용이 원인으로 작용해서 브라우저의 웹 페이지가 만들어지는 것입니다. 에디터에 작성된 내용은 코드나 소스, 좀 더 구체적으로 설명하면 HTML이라는 프로그래밍 언어의 문법에 맞게 작성된 코드나 소스인 것입니다. 그 결과인 웹 페이..
