본문 바로가기

웹코딩 배우기/· HTML35

HTML 링크 html 링크 태그 ~ * 기본 정의 내용 예] 닐기 티스토리 href는 링크 대상 주소를 지정한다. 링크는 텍스트, 이미지 등 모든 대상이 될 수 있다. * 링크 색 방문하지 않은 링크 - 파란색 글씨 + 밑줄 방문한 링크 - 자주색 + 밑줄 활성화된 링크 - 빨간색 + 밑줄 링크의 색상과 밑줄은 스타일 태그로 변경 가능하다. link : 링크가 걸린 요소 visited : 방문한 링크 대상 hover : 링크에 마우스를 올렸을 때 active : 마우스를 클릭했을 때 * 링크가 열리는 위치 지정 _blank : 새 창 _self : 기본 값으로 링크가 걸린 동일 창 _parent : 상위(부모) 프레임 _top : 전체 _framename : 지정된 프레임 예] 닐기 티스토리 * 이미지에 링크 걸다... 2019. 10. 12.
HTML 스타일 CSS CSS. Cascading Style Sheets. csss는 html의 요소가 브라우저에 표시하는 방법을 정의한다. - css를 추가하는 방법 3가지. 인라인 : html 요소에 style 속성을 사용. 내부 : 에 을 사용. 외부 : 외부 css를 불러오는 방법. 2019. 10. 12.
HTML 색상 html 색상은 색이름, rgb, hex, hsl, rgba, hsla 값을 사용한다. 파란배경 흰 글씨 토마토색 화색 녹색 보라색테구리 밝은회색테두리 파란배경 흰 글씨 토마토색 화색 녹색 보라색테구리 밝은회색테두리 색상은 이처럼 배경, 글자, 테두리 등에 쓰인다. 색이름 blue, red, black 등으로 색이름을 직접 지정한다. RGB(빨강, 녹색, 파랑) RGBA(빨강, 녹색, 파랑, 알파) 값은 0~255 예] rgb(255, 0, 0) : 빨간색 rgb(0, 0, 0) : 검은색 rgb(255, 255, 255) : 흰색 rgba(44, 44, 44, 0.5) : a를 주어 0.0~1.0 사이의 소수점 값을 주면 된다. 1에 가까울수록 알파값이 작아진다. 무채색은 3개의 값이 동일하다. 16진.. 2019. 10. 12.
HTML 주석 주석 태그는 html 문서의 도우미 역할이다. 태그의 시작점을 알리거나 끝점을 알리는데 사용하고 중요한 부분을 표시할 때도 사용한다. 주석 태그는 브라우저에 표시되지 않으며 태그 중 브라우저 표시하지 않기 위해 주석 태그로 감싸기도 한다. 주석 태그는 일반 태그와는 달리 처럼 닫는 태그가 없다. 닫는다는 표시는 자기 마음대로 하면 된다. ~ 개인적으로 나는 //를 넣어 닫는다라고 쓰고 있다. 주석 태그는 은근 많이 쓰인다. html 문서를 잘 정리하려면 귀찮아도 주석을 자주 쓰는 게 좋다. 나중에 어디에 뭐가 있는지 찾기도 쉽다. 닐기의 웹코팅 공부방 2019. 10. 12.
HTML 텍스트 인용 닐기 블로그는 잡식성입니다. 이것저것 관심 있는건 다 합니다. 닐기 블로그는 잡식성입니다. 이것 저것 관심 있는건 다 합니다. 그래서 맞춤법과 띄어 쓰기를 매우 못합니다. 닐기 블로그는 육식성입니다. NG 육식성이니 아무거나 막 먹지않습니다. NG위에 마우스를 가져가보세요. 우리집은 대한민국. 전화번호는 개인정보. 닐기 블로그는 채식을 합니다. 가끔 가볍게 글을 쓰지 않기도 합니다. 닐기 블로그는 반항적이지 않습니다. 그러나 본심은 반항적입니다. 닐기 블로그는 잡식성입니다. 이것저것 관심 있는건 다 합니다. 닐기 블로그는 잡식성입니다. 이것 저것 관심 있는건 다 합니다. 그래서 맞춤법과 띄어 쓰기를 매우 못합니다. 닐기 블로그는 육식성입니다. NG 육식성이니 아무거나 막 먹지않습니다. NG 위에 마우스를.. 2019. 10. 11.
HTML 텍스트 형식 html에는 스타일 속성을 부여하여 텍스트를 변경할 수 있다. 더하여 텍스트 강조를 위해 이미 정해진 속성 요소가 있다. 말이 거창하지 이미 알고 있는 내용이 몇 가지 있을 것이다. 간단히 예를 통해서 알아보자. b 굵게 storng 중요 i 이탤릭체 em 강조 mark 표기 small 작제 del 삭제 된 ins 삽입 된 첨자sub 위첨자sup b 굵게 storng 중요 i 이탤릭체 em 강조 mark 표시 small 작게 del 삭제 된 ins 삽입 된 첨자sub 위첨자sup 2019. 10. 11.
HTML 스타일 html은 style 속성을 사용 할 수 있다. 속성은 css 속성이다. 간략히 살펴보기. css는 html 공부가 어느 정도 마무리 될 시점에 공부하기로 하자. 배경색을 넣는 css 속성 +_+ 파란색 폰트 verdana 폰트크기 300% 가운데 오른쪽 배경색을 넣는 css 속성 +_+ 파란색 폰트 verdana 폰트크기 300% 가운데 오른쪽 - background-color : 배경 색. - color : 글자 색. - font-family : 폰트 종류 - font-size : 폰트 크기 - text-aline : 요소의 가로 정렬 2019. 10. 11.
HTML 단락 <p> 는 단락을 정의한다. 내용을 쓰고 닫는 태그를 까먹지 말자. 오늘은 44년 4월 4일 지금 시간은 오후 4시 44분 싸늘하다. 태그 편집에서 빈 공간이나 줄 바꿈, 빈 공간은 브라우저에 표현하지 못 한다. 빈 공간이나 줄바꿈을 그대로 표현하고 싶다면 pre 태그 를 쓰 면 된 다.... 오늘은 44년 4월 4일 지금 시간은 오후 4시 44분 싸늘하다. 태그 편집에서 빈 공간이나 줄 바꿈, 빈 공간은 브라우저에 표현하지 못 한다. 빈 공간이나 줄바꿈을 그대로 표현하고 싶다면 pre 태그 를 쓰 면 된 다.... 한 단락 단락마다 태그를 써줘야 한다. 태그는 태그 편집 화면의 빈 공간이나 줄 바꿈을 표현하지 못한다. 줄 바꿈을 쓰려면 태그를 쓰면 된다. 태그 편집 화면에서의 빈 공간과 줄 바꿈을 그대로 브라.. 2019. 10. 11.
HTML 제목 1 2 3 4 5 6 제목 1 2 3 4 5 6 제목 제목은 ~으로 표현한다. 보다 더 큰 제목을 원하다면. 제목 이렇게 직접 크기를 지정해주면 된다. 그러나 style 태그는 css에서 배우자. HTML 수평 는 컨텐츠를 구분할 때 쓴다. 브라우저에서는 수평선으로 표시된다. HTML 에는 메타 데이터, 문서 제목, 문자 세트, 스타일, 스크립트등을 정의한다. HTML 소스 보는 방법 브라우저에서 소스를 보는 방법은 우 클릭해 '소소 보기', '검사'를 선택하거나 크롬이나 IE에서는 F12 단축키로 볼 수 있다. 2019. 10. 11.
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.