[HTML] 04.표를 만드는 태그
·
Study/HTML & CSS
Index 더보기 1. , , , - 기본적인 표 만들기 2. colspan , rowspan 속성 - 행 또는 열 합치기 3. , - 표에 제목 붙이기 4. , , - 표 구조 정의하기 1. , , , - 기본적인 표 만들기 1-1 ) 태그로 표 자리를 생성 1-2 ) 태그로 행 생성 1-3 ) 태그로 각 행마다 셀 생성 기본적으로 표는 테두리 없이 표시되기 때문에 셀 구분을 쉽게 할 수 있도록 css를 사용하여 테두리를 추가했습니다. 태그는 표에 제목 셀을 설정 가능 -> 다른 글자들 보다 굵게 표시되고 셀의 중앙에 표시된다. 제목 셀 1행 2열 1행 3열 제목 셀 2행 2열 2행 3열 2. colspan , rowspan 속성 - 행 또는 열 합치기 내용 내용 3. , - 표에 제목 붙이기 3-1 ..
[HTML] 03. 목록과 관련된 태그
·
Study/HTML & CSS
INDEX 더보기 1. , 태그 - 순서없는 목록 만들기 2. , 태그 - 순서 목록 만들기 3. 실습 - 온라인 프로필 - 텍스트 입력하기 1. , 태그 - 순서없는 목록 만들기 순서가 필요하지 않은 목록(unordered list)을 만들 때는 태그 안에 태그 (list item)를 사용해 각 항목을 표시합니다. 관광 안내 전화 한국관광공사에서는 전국의 관광안내소와 공동으로 여러분의 여행편의를 위해 관광안내전화 1330 서비스를 연중무휴 실시하고 있습니다. 1330에는 해당 지역의 지도와 관광 가이드북, 관광안내소를 대신할 수 있을 정도의 다양한 정보가 있습니다. 원하는 관광지는 물론이며 숙박, 교통, 음식점 등의 자세한 정보를 한국어를 비롯한 영어, 중국어, 일어의 3개 국어로도 이용 가능합니다. ..
[HTML] 02. 텍스트 관련 태그
·
Study/HTML & CSS
INDEX 더보기 01. 블록 레벨 태그 02. 인라인 레벨 태그 01. 블록 레벨 태그 1. 태그 - 제목 표시하기 일반 텍스트보다 굵고 진하게 표시된다. 에서 까지 표현가능하고 숫자가 작을 수록 큰 텍스트 표현가능. 제목 숫자 1~6까지 사용가능 숫자가 작을 수록 작은 텍스트 2. 태그 - 단락 만들기 태그를 만날 때 까지 한줄로 표시, 단 브라우저 창의 너비보다 길 경우 자동으로 줄 바뀜. 3. 태그 - 줄 바꿈 4. 태그 - 수평 줄 넣기 5. 태그 - 인용문 넣기 제주 이색 여행지 야외 텐트를 닮은 건축물 "테쉬폰" 아일랜드 출신 임피제 신부가 1954년 제주에 오면서 목장 숙소로 짓기 시작한 후 사료공장, 성당으로 활용됐습니다. 제주에서 점차 다른 지방으로 보급됐지만 현재 제주에만 건축물이 남..
[HTML] 01 - 2 ) Dothome, FileZilla
·
Study/HTML & CSS
1 ) Dothome 호스팅 서버 준비하기 무료 웹 호스팅 서비스 https://www.dothome.co.kr/index.php 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 빨간 부분의 FTP 아이디 , 비밀번호 , 기본제공 도메인은 반드시 기억해 두어야 합니다. 2 ) Filezilla FTP 프로그램 설치하기 ( Filezilla Install ) Filezilla 홈페이지 https://filezilla-project.org/ FileZilla - The free FTP solution Overview Welcome to the homepage ..
[HTML] 01. HTML Basic
·
Study/HTML & CSS
H T M L ? - HyperText Markup Language HyperText : 웹사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능 Markup : 태그(Tag)를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 것 Time is... Live today like you will die tomorrow, dream tomorrow like you will live forever - 문서 유형을 지정하는 선언문 - 웹 문서 시작을 알리는 태그 - 브라우저에게 정보를 주는 태그 - 문자 세트를 비롯한 문서 정보 - 실제 브라우저에 표시될 내용
[HTML] HTML + CSS 입문
·
Study/HTML & CSS
https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=31591715 Do it! HTML5 + CSS3 웹 표준의 정석 HTML에 대한 사전 지식이 없는 사람들도 예제를 통해 기본 이론을 익히고, 실무를 위한 태그를 쉽게 배울 수 있다. 국내 HTML의 권위자가 정석대로, 웹 표준에 맞춰 기초 태그부터 하나하나 제대로 www.aladin.co.kr 더보기 7년 연속 웹 분야 1위! 시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다! 7년 연속 웹 분야 1위를 굳건히 지키고 있는 《Do it! HTML5+CSS3 웹 표준의 정석》이 전면 개정 2판으로 더욱 새로워졌다! 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 독자도 ..
TEST1
·
카테고리 없음
TEST1
[프로그래머스/Oracle](JOIN)오랜 기간 보호한 동물(2)
·
Data Base/Oracle
https://programmers.co.kr/learn/courses/30/lessons/59411 코딩테스트 연습 - 오랜 기간 보호한 동물(2) ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, NAME, SEX_UPON_INTAKE는 각각 동물의 아이디 programmers.co.kr [ 문제 ] ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, N..
[프로그래머스/Oracle](JOIN)오랜 기간 보호한 동물(1)
·
Data Base/Oracle
https://programmers.co.kr/learn/courses/30/lessons/59044 코딩테스트 연습 - 오랜 기간 보호한 동물(1) ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, NAME, SEX_UPON_INTAKE는 각각 동물의 아이디 programmers.co.kr [ 문제 ] ANIMAL_INS 테이블은 동물 보호소에 들어온 동물의 정보를 담은 테이블입니다. ANIMAL_INS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, INTAKE_CONDITION, N..