키다리 개발자

CSS 선택자 CSS의 선택자는 다음과 같이 4개로 분류됩니다. HTML 요소 선택자 id 선택자 class 선택자 그룹(group) 선택자 HTML 요소 선택자 CSS를 적용할 대상으로 HTML 요소의 이름을 직접 사용하여 선택할 수 있습니다. 예를 들어, 을 모두 css 스타일로 적용하려고 합니다. html 선택자(여기선 span 해당)를 css문서에 직접 입력하면, 해당 모든 요소의 텍스트 색은 green(초록색)으로 스타일 적용이 됩니다. id 선택자 id 선택자는 CSS를 적용할 대상으로 특정 요소를 선택할 때 사용합니다. 이 선택자는 웹 페이지에 포함된 여러 요소 중에서 특정 아이디 이름을 가지는 요소만을 선택해 줍니다. 그러므로 하나의 웹페이지에서는 중복하지 않고 딱 1개의 요소만 특정 id..

태그의 구성에 대해 기록하겠습니다. ... 아래 사진은 html문서를 서로 연결시켜 이동하는 모습입니다. : 다른 페이지, 파일, 같은 페이지의 어느 위치, 이메일 주소나 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만든다. href="html 문서의 주소값" : html 문서로 이동시키는 속성이다. 한 줄 결론 따라서, 와 href속성은 이동시킬 HTML의 문서를 연결하고 이동시킨다. 이미지 태그는 단일 태그이다. HTML문서에 이미지를 삽입한 모습입니다. : HTML문서에 이미지를 삽입할 수 있으며 단일(홀) 태그이다. 따라서 본인 스스로 열고 닫는다. src="이미지 주소 값" : src 속성은 source의 약어이며, 이미지의 경로를 받는다. 한 줄 결론 와 src속성은 이동경로를 ..

실제 간단한 웹페이지를 만들어 HTML 기본 태그를 기록하였습니다. 실습한 웹페이지를 크롬(Chrome) 검사도구에서 텍스트상으로 설명하기 애매한 요소를 직접 확인하려고 열어보았습니다. 'F12' 또는 '오른쪽 클릭 후 검사'로 검사도구를 열어줍니다. 우측의 빨간 테두리 부분 안에서 태그 위로 마우스 커서를 이리저리 움직여 보면, 요소(Elements)들의 섹션(Section)을 좌측 화면(실제 화면)에서 직접 확인할 수 있습니다. 는 태그를 감싸준다(Wrap) HTML 코드 작성 후 크롬 검사도구 elements에서 위에 커서를 올려보면 구역이 지정이 되고, 웹 페이지 상 가 요소를 감싸고 있는 걸 확인할 수 있습니다. 즉, 는 태그들을 감싸는 역할을 합니다. 와 두 태그 모두 Text를 입력받는다 :..

HTML의 뜻 HTML은 (Hypertext Markup Language)의 약자로 웹 페이지와 그 내용을 구조화하기 위해 사용하는 문서 규약이다. 통상 링크(link)라고 부르는 하이퍼텍스트(hypertext)를 통해 다른 웹 페이지로 이동할 수 있다는 특징이 있다. 이러한 링크 덕분에 사용자는 웹을 통해 쉽고 빠르게 다양한 정보를 얻을 수 있었고, 월드 와이드 웹(World Wide Web, WWW)이 인터넷 서비스의 대표 주자로 성장할 수 있게 되었다. 한 줄 결론 웹 사이트를 만들려면 HTML이란 언어를 사용해야 합니다. HTML 역사 1990년에 팀 버너스 리에 의해 다른 과학자들과 서류 공유를 쉽게 하기 위해 설계되어 HTTP, URI, 브라우저와 함께 되었다. 시맨틱 태그(Semantic T..