HTML 특수문자 사용하기     페이지 넘길때 사용하는 , >>등 이러한 특수문자를 어떻게 사용하는지 서치 해보았다.나같은 경우 span 태그안에 ex) ‹ 이렇게 작성하면 해당 문자의 특수문자가 나온다 ❗️사이트 공유https://www.digitalmediaminute.com/reference/entity/index.php HTML EntitiesThis page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you find it helpful we'd really a..

HTML input 태그 readonly 속성    정의 및 특징 태그의 readonly 속성은 요소의 입력 필드가 읽기 전용임을 명시합니다. 읽기 전용으로 설정된 입력 필드는 사용자가 수정할 수는 없지만, 해당 내용을 하이라이트하거나 복사할 수는 있습니다.따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 입력 필드의 내용을 수정할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 readonly 속성값을 삭제하여 사용자가 입력 필드를 수정할 수 있도록 조절할 수 있습니다. disabled 속성이 명시된 입력 필드의 값은 서버로 제출되지 않지만, readonly 속성이 명시된 입력 필드의 값은 서버로 제출됩니다. readonly 속성은 불리언(boolean) 속성입니다.불리언 ..

CSS 배경(background) 속성정리   background 속성  https://developer.mozilla.org/ko/docs/Web/CSS/background background - CSS: Cascading Style Sheets | MDNCSS background 단축 속성은 색상, 이미지, 원점, 크기, 반복 등 여러 배경 스타일을 한 번에 지정합니다.developer.mozilla.org  background는 아래 다양한 속성을 가집니다.background-color배경 색background-image배경 이미지background-repeat배경 이미지 반복 여부background-position배경 이미지 위치background-size배경 이미지 크기background-ori..

display속성 block, inline, inline-block 정리  1. display: block;: block 요소의 의미는, 이 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다는 뜻입니다.블록 속성을 가지고 있는 태그는 기본적으로 너비 100% 속성을 가지고 있습니다.화면의 가로 폭을 100%로 완전히 차지하기 때문에, 다음 요소가 양 옆으로 붙을 공간이 없어서 자연히 줄 넘김이 된다.따라서 display 속성이 block으로 지정된 엘리먼트는 전후 줄바꿈이 들어가 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄을 완전히 차지합니다.예를 들어서 p, li, div, h1 등이 모두 block 요소에 해당하는 태그들입니다.  inline 요소와 다르게 margin, pedding, w..

HTML 링크, 미디어 태그 (이미지, 오디오, 비디오)     https://developer.mozilla.org/ko/docs/Web/HTML/Element/a - HTML: Hypertext Markup Language | MDN" data-og-description="HTML 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. 안의 콘텐츠는 링크 목적지" data-og-host="developer.mozilla.org" data-og-source-url="https://developer.mozilla.org/ko/docs/Web/HTML/Element/a" data-og-url="..

HTML 태그 종류 및 개념정리  https://www.w3schools.com/html/html_forms.asp HTML FormsW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com   : 입력 양식 전체를 감싸는 태그폼은 사용자와 웹사이트 또는 어플리케이션이 서로 상호 작용하는 것 중 중요한 기술 중에 하나이다. 폼은 사용자가 웹사이트에 데이터를 전송해주기도 하며 이밖에 ..

HTML 테이블 태그   https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table: The Table element - HTML: HyperText Markup Language | MDN" data-og-description="The HTML element represents tabular data—that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data." data-og-host="developer.mozilla.org" data-og-source-url="https://developer.mozilla..

https://doit-fwd.tistory.com/10 태그와 오픈 그래프(Open Graph)" data-og-description="오픈 그래프 프로토콜이란 SNS에서 특정 웹 페이지를 공유하면 짤막한 미리보기 화면이 나타나면서 마치 그 SNS의 게시물인 것처럼 자연스럽게 삽입됩니다. 어떻게 그럴 수 있을까요? 이것은 바" data-og-host="doit-fwd.tistory.com" data-og-source-url="https://doit-fwd.tistory.com/10" data-og-url="https://doit-fwd.tistory.com/10" data-og-image="https://scrap.kakaocdn.net/dn/bUzIWz/hyVADtu6mO/Do1OyBx3pSkiKMV..

메타 태그 (Meta Tag) : 메타 태그란, 웹페이지가 담고 있는 컨텐츠가 아닌 웹페이지 자체의 정보를 명시하기 위한 목적으로 사용되는 HTML 태그를 말한다.HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있다. 브라우저나 검색 로봇에게 해당 페이지의 정보를 알려주는 역할임, 웹 페이지 내에서 HTML 에 대한 메타데이터를 제공하는 역할을 한다. 따라서 메타태그를 이해하기 위해서는 메타데이터에 대한 이해가 필요하다.  메타 데이터(Meta Data): 데이터를 위한 데이터, 어떠한 목적을 가지고 만들어진 데이터웹사이트의 메타 데이터의 경우 주로 웹페이지에 대한 정보 제공 목적으로 사이트 설명, 키워드 등을 뜻한다. 메타 태그 속성에는..