본문 바로가기

웹코딩 배우기293

HTML 속성 HTML 태그는 요소에 속성을 추가할 수 있다. 속성 값은 시작 태그에 들어간다. 속성은 name="value"로 쓴다. 예 1] 링크 태그의 href 속성 - 연결할 주소 닐기 티스토리 예 2-1] 태그의 src 속성 - 이미지 파일 경로(주소) 예 2-2] 태그의 width와 height 속성 - 이미지의 가로, 세로 크기 지정. 예 2-3] 태그의 alt 속성 - 이미지를 표시할 수 없는 경우 대체할 글자 지정. 속성은 style로 정의할 수 있다. style은 css에서 공부하기로 하고 넘어가자. 난 css를 모른다. ㅡㅡ; - lang 속성 html에는 언어를 선언할 수 있다. NILGI NILGI ▲ title 속성 예] 태그에 title 값이 들어가면 그 내용에 마우스를 가져갔을 때 풍선 도.. 2019. 10. 11.
HTML 요소 태그는 기본적으로 시작 태그와 종료 태그 사이에 내용이 들어가는 구조다. 내용 보통은 이러하나 :줄 바꿈 태그는 종료 태그가 없다. ※ 종료 태그를 꼭 확인하자.종료 태그를 안 쓰거나 위치가 달라지면 브라우저에 완전히 다른 이야기가 쓰여진다. 종료 태그 잊지 말자. HTML 태그는 대소 문자를 구분하지 않지만 XHTML과 같은 깊은 지식이 필요한 언어에는 대소 문자 구분이 있다.기본적으로 HTML에는 소문자 태그를 쓴다. 2019. 10. 11.
HTML 기본 본문에 컨텐츠를 넣어보자 2 3 4 5 6 단락 누르면 전교1등 1 2 3 1 2 3 본문에 컨텐츠를 넣어보자 2 3 4 5 6 단락 누르면 전교1등 1 2 3 1 2 3 - HTML 문서 모든 문서는 선언으로 시작한다. HTML은 로 시작해 로 끝난다. 문서에서 실제 브라우저에 보이는 부분은 와 사이에 작성한다. - HTML 제목 제목은 ~으로 표현한다. 이 가장 큰 글자고 이 가장 작은 글자 크기다. - HTML 단락 태그로 표현한다. - HTML 링크 태그를 쓴다. - HTML 버튼 으로 정의한다. - HTML 목록 : 정렬되지 않는 목록. 글 머리 기호 : 순서가 있는 목록. 번호 : 목록의 항목들. 2019. 10. 11.
HTML 이란? 날이 갈수록 갈증에 시달리고 있다. 배움의 갈증. -_-; 오글오글 몇 날 며칠이고 고민에 빠졌다. 고민이 심해져 숨도 쉬기 힘들어졌다. MSG. 괜히 관심을 가졌나 하기도 하다. 결국... 하기로 한다. 오늘부터 아주 천천히 배워보려 한다. 웹 코딩?이라고 하던데 html, css, js라는 걸 공부해보겠다. 하다가 포기할 가능성이 크지만 그래도 해보련다. 기초부터 천천히. 프리미어 프로를 처음 배웠던 그 심정과 각오로 시작한다. 비장하게... 두둥! 가장 먼저 HTML부터 시작. 이 글을 혹시 읽으시는 분이 계시다면 미리 경고합니다. 배움을 복습하는 포스팅이니 반말, 빡침, 심한 경우 욕설이 있을지도 모르니 참고해 주십시오. 벌써 '공부'라는 걸 해야 한다는 지옥문 앞에 서니 기분이 안 좋다. -_-.. 2019. 10. 11.
HTML 태그 사전 태그 이름을 클릭하면 상세 설명 페이지로 이동합니다. 상세 페이지가 있는 태그는 회색배경 + 빨간 글씨. 주로 티스토리 스킨 편집에 사용하는 태그만 정리합니다. 태그 이름 속성 설명 URL 링크 생략된 글자나 머리글자를 표시 생략된 글자나 약어를 표시 페이지의 연락처 정보를 정의 애플랫 요소를 정의 이미지 맵의 영역을 정의 문서내에 독립적인 컨텐츠를 정의 문서내에 사이드 컨텐츠를 정의 오디오 파일을 정의 글씨 두껍게 모든 URL의 기본이 되는 기본 URL을 설정 문서의 기본 폰트, 사이즈, 종류를 설정 텍스트의 출력 방향을 브라우저가 판단해 표현 텍스트의 방향을 설정 텍스트 크기를 크게 긴 문장의 인용문을 정의 텍스트를 깜박이게 문서 본문에 해당하는 콘텐츠를 포함하는 영역 텍스트를 줄바꿈 할 때 사용 버.. 2019. 9. 17.
CSS 태그 사전 태그 이름을 클릭하면 상세 설명 페이지로 이동합니다. 상세 페이지가 있는 태그는 회색배경 + 빨간 글씨. 주로 티스토리 스킨 편집에 사용하는 태그만 정리합니다. 태그 이름 속성 설명 align-content 콘텐츠의 상하 관계 정렬 상태를 정의 align-items 콘텐츠 내부의 정렬 상태를 정의 align-self 콘텐츠의 정렬 상태를 정의 all 요소의 속성을 초기화 또는 상속을 설정 animation 움직임을 표현 animation-delay 요소가 로드된 후 애니메이션이 시작될 때 까지의 시간 animation-direction 애니메이션 움직임 방향을 설정 animation-duration 애니메이션 움직임 시간을 설정 animation-fill-mode 애니메이션이 끝난 후의 상태를 설정 an.. 2019. 9. 17.
CSS 태그 : z-index z-index 위치가 겹칠 경우 순서를 정의 z-index 값이 클수록 상위에 표시 됩니다. 음수도 사용 가능하고 99999까지 사용할 수 있습니다. 그 이상의 숫자도 작동합니다. 2019. 9. 17.
CSS 태그 : width width 요소의 가로 값을 정의 width 값은 px, %로 정합니다. height와 방법이 동일하다고 보면 됩니다. 2019. 9. 17.
CSS 태그 : top top 요소의 위쪽 속성을 설정 top은 위에서 얼마의 공간을 두고 배치 할지 설정합니다. left, right, bottom 값 설정 방법과 동일합니다. 2019. 9. 17.
CSS 태그 : text-align text-align 텍스트 정렬 방식을 설정 left : 왼쪽 정렬 right : 오른쪽 정렬 center : 가운데 정렬 justify : 양쪽 정렬 inherit : 상위 요소에 상속 받는다. 2019. 9. 17.
CSS 태그 : right right 요소의 오른쪽 속성을 설정 right 값은 px, %로 표현합니다. 오른쪽에서 얼마의 공간을 두고 배치 할지를 정합니다. 2019. 9. 17.