욕심많은 햄톨

자주 쓰이는 HTML 특수 기호 1. html 코드에 아무리 띄어쓰기를 해도 화면에는 띄어쓰기 한 번만 출력된다. 코드) 동해물과 백두산이 결과) 이때는 태그를 사용해서 서식 그대로 출력하는 방법도 있고 (단, pre태그는 monospace글꼴로 화면에 표시됨) 코드) 동해물과 백두산이 특수 기호를 사용해 출력하는 방법이 있다. 는 띄어쓰기 한 번과 같다. 코드) 동해물과 백두산이 결과) 2. html태그인 를 화면에 출력하고 싶다면 특수 기호를 사용하면 된다. 결과) 그 외 특수기호 https://www.freeformatter.com/html-entities.html#misc-html-entities Complete list of HTML entit..

table은 예전에 css가 발달하지 않았을 때는 레이아웃용으로 쓰였다. 하지만 지금은 절대 레이아웃용이 아닌 표를 렌더링하고자 할 때 쓰여야 한다. : 표의 영역을 감싸는 용도. : 행 , : 열 (th는 제목용으로 쓰이며 두꺼운 글자로 표시된다.) table 코드를 작성할 때는 태그로 가이드를 잡아야 수월한데 행 태그 다음 열 태그를 작성하는 것이 좋다. 테이블 예제 데이터 타입과 값 데이터 타입 값 1 알파벳 A 2 숫자 7 결과)

다른 페이지, 같은 페이지 위치(#, 해시 태그), 파일 다운로드, 이메일 주소, 전화번호 등 다른 URL로 연결할 수 있는 하이퍼링크를 설정. target속성의 _self, _blank로 같은 탭에서 열지 다른 탭에서 열지 설정할 수 있다. (디폴트는 _self) 같은 페이지로 연결하는 예제. id를 지정한 후 에 id를 연결하면 된다. id를 연결할 때는 앞에 #을 붙여야 된다. 제목1 제목2 제목1 제목2 제목3 ✏️class속성과 id속성의 차이점 class속성의 값은 중복될 수 있지만 id속성의 값은 중복될 수 없다. 하나의 태그에 하나의 아이디만 가질 수 있다.

html에서 작성한 코드는 아무리 띄어쓰기를 하고 엔터를 쳐서 줄바꿈을 해도 띄어쓰기 하나로 렌더링된다. 내가 원하는 대로 화면에 출력하기 위해서는 태그와 태그를 사용하면 된다. : 문단 나누기. : 빈태그. 줄바꿈. 내가 작성한 텍스트를 그대로 화면에 출력하고 싶다면 태그를 사용하면 된다. 단, 태그 사이의 텍스트를 그대로 출력하기 때문에 태그를 텍스트 맨 처음, 맨 뒤에 딱 붙이고 tab을 쓰지않는 것이 오류를 예방하기에 좋다. Geckos are a group of usually small, usually nocturnal lizards. They are found on every continent except Antarctica. Some species live in houses where the..

주제별로 문단을 분리하기 위해 넣는 수평선. 수평선을 넣기 위해 쓰는 태그가 아니라 의미적으로 분리하기 위함의 목적이다. 필요없으면 css에서 border: none;으로 숨기면 된다. 모든 html 요소는 사각형이므로 태그도 역시 사각형이다. 수평선으로 보이는 것은 위 아래 변이 합쳐져 있는 것이다. padding값을 주면 사각형으로 보이는 것을 확인할 수 있다. 때문에 border: 2px; 값을 주면 위 아래 변이 각각 2px가 되어 4px의 수평선으로 보이게 된다. 태그에 두께를 줄 때는 border: none;으로 네 변을 숨기고 border-top: 2px;처럼 하나의 변을 지정하여 두께를 적용하면 2px의 수평선으로 보이게 될 것이다. * dashed는 점선 hr { border: 2px d..

, , 1. , : 순서o. 2. , : 순서x. 주로 사용. , , (용어(키)), (정의(밸류))의 집합을 로 감싸는 형태. 안에는 ,만 있어야되기 때문에 스타일 적용 시 한계가 있음. 그래서 ,,로 대체한 경우도 꽤 있다. ✏️, , 를 , , 로 대체한 예제 Coffee Coffee is a brewed drink prepared from roasted coffee beans, the seeds of berries from certain Coffea species. Milk Milk is a nutrient-rich, white liquid food produced by the mammary glands of mammals. Coffee Coffee is a brewed drink prepared..

✏️ 차이 은 독립적인(재사용 가능한) 영역을 설정. 제목 태그(..)를 포함하여 식별한다. ex)기사, 블로그 은 제목 태그(..)를 포함하여 식별. 는 가장 무의미. 스타일을 적용시키기 위한 용도. 과 은 부모 자식 관계가 정해져 있지 않기 때문에 이미지와 반대로 안에 이 들어갈 수 있다. 예제 메뉴1 메뉴2 메뉴3 Section Article Contents... Article2 Contents... Article3 Contents... Aside rachu970605@gmail.com 010-1234-5678

~ 글씨 크기를 위해 제목 태그를 사용하지 마세요. 대신 CSS의 font-size 속성을 사용하세요. 제목 단계를 건너뛰는 것을 피하세요. 언제나 로 시작해서, , 순차적으로 기입하세요. 페이지 당 하나의 만 사용하세요. --> html은 구조를 다루는 언어기 때문에 제목 태그 또한 구조를 다루는 용으로 사용하여야 함. 출처: https://developer.mozilla.org/ko/docs/Web/HTML/Element/Heading_Elements

블록 요소 인라인 요소 DIV, H1, P SPAN, IMG 사용 가능한 최대 가로 너비를 사용한다. 필요한 만큼의 너비를 사용한다. 크기를 지정할 수 있다. 크기를 지정할 수 없다. width: 100%; height: 0; 로 시작 width: 0; height: 0; 로 시작 수직으로 쌓임 수평으로 쌓임 margin, padding 상,하,좌,우 사용 가능 margin, padding 상,하 사용 불가 주로 레이아웃을 다룰 때 주로 Text를 다룰 때 display: block; 이 디폴트 값이고 inline으로 바꿀 수 있다. display: inline; 이 디폴트 값이고 block으로 바꿀 수 있다.

CSS란? CSS(Cascading Style Sheets)는 프로그래밍 언어가 아닌 Style Sheets 언어. 마크업 언어(HTML, XML 등)에 스타일을 적용시키는 정적 언어다 . 기본 형태 선택자 { 속성: 값; 속성: 값; } 예시 div { font-size: 20px; color: red; } CSS 선언 방식 1. 인라인 - 태그에 직접 작성 태그에 직접 작성1 2. 내장- HTML 문서의 3. 외부 CSS 파일 불러오기 3-1. html에서 css파일 불러오기 css 파일 /* main.css */ div { color: red; } 3-2. css에서 css파일 불러오기 @import url("경로"); @import url("css/main.css"); ✏️외부 css파일을 불러오..