Frontend10 [CSS] 구조선택자의 정의 및 작성 시 주의사항 구조선택자 특정한 위치에 있는 태그를 선택할 때 사용 형태 설명 :first-child 형제 관계에서 첫 번째로 등장하는 태그 선택 :last-child 형제 관계에서 마지막으로 등장하는 태그 선택 :nth-child(수열) 형제 관계에서 앞에서 수열 번째로 등장하는 태그 선택 :nth-last-child(수열) 형제 관계에서 뒤에서 수열 번째로 등장하는 태그 선택 작성 시 주의사항 (자주 실수하기 쉬운 부분) [첫 번째 a 태그의 글씨 색상을 빨간색으로 변경하고자 하는 예제] 주의사항 주의사항 주의사항 주의사항 주의사항 [실행 결과] 첫 번째 a 태그에 빨간색이 적용된다고 예측할 수 있으나, 실행 결과를 보면 그렇지 않다. 실행 결과, 모든 a 태그에 빨간색이 적용된 것을 확인할 수 있다. 코드 실행 .. 2021. 9. 2. [CSS] 상태 선택자 상태선택자 입력 양식의 상태를 선택할 때 사용 형태 설명 :checked 체크 상태의 input 태그 선택 :focus 초점을 맞춘 input 태그 선택 :enabled 사용 가능한 input 태그 선택 :disabled 사용 불가능한 input 태그 선택 예제 실습) [실행 결과] 2021. 9. 2. [HTML] HTML5 웹프로그래밍 입문 - 4장 기본예제 (4-5 간단한 입력 양식 생성) 이름 성별 남자 여자 2021. 9. 2. [HTML] HTML5 웹 프로그래밍 입문 - 3장 연습문제 풀이 5번 HTML5 Basic ITCookbook - HanbitAcademy Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially .. 2021. 8. 30. 웹의 동작 원리 요청과 응답 컴퓨터 세계에서는 요청하는 쪽을 클라이언트(사용자)라고, 응답하는 쪽을 서버(제공자)라고 한다. 클라이언트가 서버에 HTML 페이지 또는 파일을 요청하면 서버가 해당 요청에 응답해 요청한 HTML 페이지 또는 파일을 클라이언트에 제공한다. 이러한 작업이 이루어지는 장소 = 웹 이다. 서버 프로그램 서버에서 실행되는 프로그램 클라이언트의 요청에 따라 적절한 파일 및 데이터 제공 Java, C#, Ruby, Python, Javascript 등의 언어로 개발 클라이언트 프로그램 웹 브라우저에서 실행되는 프로그램(웹 페이지) HTML, CSS, Javascript로 개발 (+) HTML : 웹 페이지 구성 CSS : 스타일 적용. HTML 문서를 표현하는 방법 기술. HTML 페이지의 스타일 지정.. 2021. 8. 29. 인터넷과 웹, 그리고 www(World Wide Web) 인터넷 전 세계를 연결하는 국제 정보 통신망 미국 국방성에서 시작됨 웹 인터넷에서 작동하는 서비스 유럽 공동원자핵연구소의 팀 버너스 리가 개발 www (World Wide Web) 인터넷에 연결된 컴퓨터로 사람들이 정보를 공유할 수 있는 공간 1991년 처음 등장 하이퍼링크(인터넷 공간에서 문서와 문서 사이를 이동할 수 있는 새로운 개념)를 바탕으로 개발됨 1993년 모든 사람이 사용할 수 있도록 소스코드를 공개 2021. 8. 29. [HTML] 테이블 정의 예제 (1) table 태그에 대한 기본적인 설명 및 구조 https://dotddori-prgmwh.tistory.com/31 예제 실습 코드 및 결과물 각 줄 코드에 대한 설명 ... 테이블을 구성하는 요소 태그들을 포함하는 2차원 테이블 정의 colgroup 태그로 2개의 열을 묶어 스타일 지정 (배경색 = lightgreen) ... ... th 태그를 사용하여 테이블 헤더(테이블의 각 열 제목)를 정의하고, 이들을 tr 태그를 사용하여 하나의 행으로 묶음 ... ... td 태그를 사용하여 테이블 내에 들어갈 데이터들을 정의하고, 이들을 tr 태그를 사용하여 하나의 행으로 묶음 2021. 8. 29. [HTML] HTML의 다양한 태그들 abbr acronym address applet area article aside audio b base basefont bdi bdo big blockquote canvas center cite code data datalist del details dfn dialog dir em embed figcaption figure font footer frame frameset header i iframe ins kbd link main map mark meter nav noframes noscript object optgroup option output param picture pre progress q rp rt ruby s samp script selection small source strike st.. 2021. 8. 29. [HTML] HTML의 기본 태그 HTML의 기본 태그 명칭 구성 내용 DOCTYPE 해당 문서의 타입 정의 html ... HTML 문서의 루트 요소 정의 DOCTYPE 선언을 제외한 모든 다른 HTML 요소를 포함하기 위한 컨테이너 브라우저에게 해당 문서가 HTML 문서임을 알려주는 역할 head 해당 문서에 대한 정보인 메타데이터의 집합 정의 , HTML 문서의 스타일 정보 정의 해당 요소가 포함된 HTML 문서의 콘텐츠에 적용되는 CSS 명시 HTML 문서는 여러 개의 요소 포함 가능 별도의 파일로 저장된 외부 스타일 시트는 요소를 사용하여 참조 가능 body ... 본문 해당 HTML 문서의 모든 콘텐츠를 포함하는 영역 정의 HTML 문서에는 단 하나의 요소만이 존재 가능 p ... 단락, 문단, 절 (Paragraph) 자동으.. 2021. 8. 28. 이전 1 2 다음
