web coding
-
HTML Linkweb coding/HTML 2021. 3. 17. 02:52
HTML Link - 하이퍼링크 기능 - 형태 : ... www_cozy practice 더보기 Link Syntax Lorem ipsum dolor sit amet consectetur adipisicing elit. Link : target attribute google_self wc3schools_blank Link : relative URLs color Link : style google_underline google_none google_line-through Link : image Result Link Syntax Lorem ipsum dolor sit amet consectetur adipisicing elit. Link : target attribute google_self wc3schoo..
-
HTML CSS ( internal & external )web coding/HTML 2021. 3. 16. 12:00
웹페이지의 외적인 요소를 꾸며주는 방법은 3가지가 있다. 첫 번째, 가장 손쉬운 방법인 Inline. 꾸미고자 하는 해당 태그 안에 attribute style을 사용해 직접 스타일 값을 설정해주는 것. 예시 : This is a tomato paragraph. 나머지 두 가지 방법은 Inline처럼 html 페이지 자체에서 스타일 값을 입력하는 Internal과 CSS 파일 또는 링크를 html 페이지에 연결해 스타일 값을 잡아주는 External이 있다. 1. Internal - HTML 페이지 내부에서 섹션에 id와 class는 Lorem, ipsum dolor. .error { background-color: red; } h1 { font-size: 50px; } *우선순위 : inline > e..
-
HTML attribute (style)web coding/HTML 2021. 3. 15. 09:59
✔ HTML attribute basic (기본 설명) HTML attribute style - color, font, width, height 등 요소를 꾸며주는 속성 - 형태 : *attribute 와 property - 해석은 '속성'으로 동일함 - 코딩 잼민이가 본 둘의 차이점은 [attribute : 대분류 property : 소분류] → 때에 따라 property의 값이 변할 수 있음 + attribute, property 모두 종류가 다양하기 때문에 참고자료 따로 링크해두기 DOCTYPE html> Lorem, ipsum dolor. Ut, rem eius! Possimus, velit necessitatibus. Fuga, asperiores sunt. Nobis, facilis fugia..
-
HTML attribute (basic)web coding/HTML 2021. 3. 13. 16:03
HTML attribute - html element(요소)에 부가정보를 담음 - 시작 태그에만 작성 가능함 - 형태 : ... 다음 www_cozy tistory This is a tomato paragraph. This is a tomato paragraph. *하이퍼링크 (확인 완료) www_cozy tistory → www_cozy tistory www-cozy www.instagram.com/www_cozy/ www-cozy.tistory.com *attirbute alt 이미지 노출이 문제가 생겨 노출이 안될 경우 alt 값이 대체 텍스트로 보여짐 *img width&height 이미지 크기를 변경할 때 사용할 수 있는 방법 *attribute title 해당 paragraph 본문 위에 커서..
-
HTML element (basic)web coding/HTML 2021. 3. 12. 20:28
HTML element - 시작 태그와 종료 태그에 들어가는 요소 - 형태 : ... www_cozy HTML element basic reference 태그 설명 문서 유형 HTML 문서 자체 문서에 대한 정보 (머리) 탭에 보여지는 제목 문서 본문 ~ 제목 (*숫자가 낮을수록 중요도가 높아짐) 단락, 문단 줄 바꿈 (=enter) 수평 줄 삽입 주석 (*ctrl + /) HTML element basic Page Title Lorem. Sit. Dignissimos. Facere? Consectetur? Esse. My first paragraph. My second paragraph. *title - 탭에 노출되는 제목 ex. ... *headings - 본문에 노출되는 제목 - 숫자가 낮을수록 크..
-
HTMLweb coding/HTML 2021. 3. 12. 18:32
HTML (Hyper Text Markup Language) - 프로그래밍 언어 - 웹페이지를 제작할 때 사용함 - 확장자 .html HTML 기본 형태 (*html 작성 시 필수) (*html 작성시 필수) (*본문 내용) My First Heading My first paragraph. (*html 작성 시 필수) 태그 (시작 태그) - - 문서 유형을 나타냄 - 웹페이지가 올바르게 보이도록 도와줌 - 대소문자를 구분하지 않음 - 태그 앞에 한 번만 작성하면 됨