meta tag의 속성들 meta tag의 속성들 meta tag란?어떤 데이터가 있으면 그 데이터를 설명하는 데이터.이 웹페이지의 요약 : 저자누구? 내용요약? 검색키워드?웹페이지에는 나타나지 않지만 웹페이지를 정체성을 나타내는 중요한 태그. meta tag의 속성 Meta라는 태그를 잘 사용하면 웹페이지가 훨씬 더 가치 있는 정보가 될 수 있다 - meta charset="utf-8" - 이 문서는 utf-8으로 저장 된 파일이라고 알려주는 속성. 이 속성을 표시 하지 않으면 브라우저 기본 설정에 따라 화면이 깨지게 나올 수도 있다. - meta name="description" content="meta tag의 속성" - 검색결과에 이 웹페이..
프로그래밍언어/HTML
태그 : HTML 태그의 제왕링크달기티스토리누르면 그 링크로 넘어 갈 수 있도록.티스토리a=anchor속성href="링크주소" 이링크로 연결해줘target="_blank" 새탭으로 열고싶어title="툴팁에 떴으면 좋겠는 문구" 누르기전에 툴팁으로 알려주고싶어 웹사이트 완성 웹페이와 웹페이지를 연결해주는 링크를 통해 웹사이트 만들기.태그 를 사용해서 각페이지에 맞게 링크를 걸어둔다.같은 템플릿 형식으로 프로젝트를 필요한 만큼 만든다.같은 템플릿의 프로젝트 복사 하는 법 : 1.html 우클릭 → Duplicate 클릭 → 이름 바꿔서 저장(ex 2.html)그 글자를 클릭 했을 때 그 페이지로 이동하는 웹사이트 완성. Tistory 피드 스토리 스킨 포럼 오늘의 느낀점그동안 배운 내용이 짧아보..
부모자식과 목록 ol=Ordered List 목록 범위 지정 + 숫자를 자동넘버링 해주는 태그 생 l=List 목록태그 활 코 딩 부모태그는 자식태그를 포함하고 있다. 부모태그 ~ 자식태그 ~같은 코드 여러번 반복해서 쓰고 싶으면?ctrl 누르면서 클릭(쓰고 싶은 부분) - 커서가 여러군데 생김 태그의 부모 태그 ~ ul=Unordered List 목록 범위 지정(숫자 넘버링 안해줌 ·로 목록 표시)· 생· 활· 코· 딩 ~ ol=Ordered List 목록 범위 지정(숫자를 자동넘버링 해줌)1.생2.활3.코4.딩 문서구조와 슈퍼스타들 생 ..
줄 바꿈 태그 : br, p줄을 바꾸고 싶다면?'html new line tag' 검색 / 'html paraghaph tag' 검색 줄바꿈(엔터)단락나누기 p=paragraph 최후의 문법 속성 & img속성 : 태그의 심화된 문법unsplash.com 저작권 없는 공공재 이미지 싸이트img scr="이미지파일.jpg" width="000"> 태그 img> 속성 src=source / width 속성은 태그 내에만 있으면 어디에 위피해도 상관없다. 속성은 태그 이름만으로 부족 할 때 더 많은 의미를 부여 하는 문법 html이 중요한 이유어떤 코드로 글을 쓰냐에 따라 검색엔진 노출빈도가 다르다.결과 값이 비슷해보여도 소스는 전혀 다르다.웹에 글을 쓴다는 것은 내부적으로 html코드를 ..
기본문법 : 태그태그(TAG) : ~~ , 태그는 로 앞뒤 태그를 구분하기 위해 뒤에 태그에는 /를 표시 해준다.글씨를 두껍게글씨 밑줄 u=underline혁명적인 변화태그를 배우기 전과 후로 나뉘는 인생!웹페이지를 이루는 HTML태그 보는 법 : 페이지 우클릭 - 페이지소스 위에 태그들이 무슨 태그인지는 몰라도 태그라는 것은 알 수 있게됐다.무슨태그인지검색해보는법 : 'HTML h1 tag' 검색예제를 복사 한 후 에디터에 적용해서 무슨 태그인지 예측해보기 통계에 기반한 학습150+ TAG가 존재한다.하나하나 다 외우고 있기는 어렵다.하지만 태그가 무엇인지 알고 있으면 검색을 통해 알 수 있다.밑천태그는 외우고 있어야 한다.밑천태그 - 통계기반으로 빈도수 높은 태그는 외우기!https://www.adv..
기획기획자 : 무엇을 만들까 상상 → 계획 → 구체화"코딩 수업과 내용을 잘 정리정돈 할 수 있는 웹사이트"그림을 그려서 기획제목이 맨 위에 있었으면 좋겠어제목과 목차를 나누는 선왼쪽에 목차1클릭 후 나오는 페이지동영상강의 맨 위에 배치밑에 한글로 설명등 의 구체적인 계획을 그려보자! 코딩과 HTML코딩 : 원인인 코드를 통해 결과를 만든다 위아래기계가 하는 일사람이 하는 일결과원인ApplicationAppProgramWebpageWebsitecode 부호, 신호source 원천Language 약속이라는 의미 HTML (Hyper Text Markup Language) : 웹 페이지를 만드는 코드장점1. 배우기 쉽다.장점2. 많이 사용하는 만큼 중요하다장점3. Publ..
