IT업계 종사자의 블로그

DOCTYPE html>html lang="kr"> head> link rel="shortcut icon" href="https://assets.nflxext.com/us/ffe/siteui/common/icons/nficon2023.ico" /> title>제목없음title> meta charset="utf-8" /> meta name="description" content="This is my website" /> head> body> I like to live in South Korea body>html>    결과  까리뽕삼하다

https://developer.mozilla.org/ko/docs/Web/HTML/Element(한국어 변역 가능)   tips. html, css, javascript 를 구글에서 검색할 때 mdn 키워드 붙이기  ex) html tags mdn

meta property="og:image" content="https://d1telmomo28umc.cloudfront.net/media/seo/home2.jpg"/> og:image 를 통해 카카오톡 공유하기 이미지 설정 가능함.   결과  이미지 하단의 descriptipn은 og:description 으로 표현 가능meta property="og:description" content="코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요!"/>

DOCTYPE html>html lang="kr"> head> link rel="shortcut icon" href="https://assets.nflxext.com/us/ffe/siteui/common/icons/nficon2023.ico" /> title>제목없음title> meta charset="utf-8" /> meta name="description" content="This is my website" /> head> head 태그 안에  태그를 통해사이트의 shortcut icon 이미지를 등록할 수 있다. *rel= relationship    결과.  아이콘 이미지의 사이즈를 설정하고 싶다면 sizes 추가하기.  link rel="shortcut icon" sizes="16x16 32x..

html lang="kr">--> 한국어로 만든 사이트!  html 의 attribute 중 하나인 lang *lang: language  구글, 네이버, bing 같은 검색 엔진에게 도움을 주는 태그다.내가 만든 사이트에서 사용되는 언어가 무엇인지 말해준다.   사이트 정보를 브라우저에게 알려주는 용도로 쓰는 태그 중 하나다.

meta charset="utf-8" /> 이 태그는 브라우저에게 text를 어떻게 그려달라는 건지 말하는 태그다. ex. 위 태그를 추가하면 한글, 특수문자 등을 브라우저가 이해할 수 있게 해준다.  반드시 추가해주기! 참고) meta 태그들은 self-closing 태그이다. (닫고 나와!)

meta name="description" content="This is my website" /> *meta 태그의 attribute: name, content  이렇게 저장해도 화면상에 바로 보이는 건 없다. 하지만 브라우저에서 사이트의 description을 표기할 때나구글이 검색할 때 이 값(content)을 가져간다.

태그 안에 태그를 넣고 타이틀 태그 안에 원하는 제목을 입력하면 된다.   ex.DOCTYPE html>html> head> title>Home - My first website.title> head> body> hi>hello worldhi> body>html>  결과.

DOCTYPE html> html 언어가 시작되기 제일 처음에 이렇게 적어줘야 브라우저는 '아 html 언어구나' 라고 인식한다. HTML 태그의 큰 틀   head: 웹사이트 안에서 보여지지 않는 내용body: 웹사이트 안에서 보여지는 내용

이미지를 넣는 태그:  *참고: src 는 source 의 약자  ex. img src="https://search.pstatic.net/common/?src=http%3A%2F%2Fimgnews.naver.net%2Fimage%2F076%2F2024%2F08%2F06%2F2024080601000439400057531_20240806081912434.jpg&type=sc960_832"/>  결과.