H_Develop

은 처럼 사용 , 를 감싸줌, 각 행을 만들 때 사용 table row TITLE, 첫 행에서 각 열의 제목을 생성 table header CONTANTS, 행 내에 있는 각 셀을 표현 table division (division 분할) 오늘의 날씨 지역 최저기온 최고기온 서울 20 30 부산 23 34 대구 30 36 광주 25 31 colspan 속성으로 열을 병합 colspan="2" 두개의 열을 하나로 합침 rowspan 속성으로 행을 병합 rowspan="2" 두개의 행을 하나로 합침 colspan을 이용한 table KTX 열차 시간표 출발 도착 객실/요금 예약 서울(09:00) 부산(12:00) 일반실 50,000원 서울(10:00) 부산(13:00) 특실 80,000원 서울(11:00) 부..

FrontEnd/HTML 2022. 6. 15. 17:01

폼 양식 데이터 입력하서나 마우스로 선택할 수 있는 창 회원가입, 로그인, 게시판 글쓰기 등에 사용하는 폼 양식에는 텍스트 입력 창, 비밀번호 입력 창, 체크박스, 라디오 버튼, 파일 버튼, 선택 박스, 다중 입력 창 등 텍스트 입력창 ~ 안에서 사용, 높이 색상 두께 등 CSS에서 지정 텍스트 입력 창, 비밀번호 입력 창, 라디오 버튼, 체크박스, 파일 버튼, 선택 박스, 버튼 , , , 다중 입력창 -이메일 email, 전화번호 tel, 숫자 number, 검색창 search, URL url, 파일 첨부 file, 이미지 첨부 image, 색깔 color, 년월일 date, 년월일시각 datetime-local, month, time, week, 숨겨진 창 hidden, 슬라이드바 range 사용 텍..

FrontEnd/HTML 2022. 6. 15. 16:57

각 index.html, page1.html, page2.html, page3.html 파일을 만든다. 각 파일에 올바른 내용을 입력해주고 같은 폴더 안에서 두어, index.html의 a태그 경로를 같게 해준다. 모든 클라이언트에세 제공되는 메인 웹 페이지는 index.html 이다. 이 안에 링크되는 여러 ~.html 파일들과 jpg, avi, txt 파일들이 있을 수 있다. 하이퍼링크 Hyper link 하이퍼 링크는 태그를 이용해서 텍스트나 이미지와 같이 요소에 링크를 걸어두는 것을 말한다. 링크가 걸려있는 텍스트나 이미지를 클릭하면 해당 페이지로 이동하게 됨으로써 웹 서핑이 가능해진다. index.html main page, 화면에 자료를 출력하고, 그 자료를 클릭하면 원하는 사이트로 이동한다...

FrontEnd/HTML 2022. 6. 15. 08:38

. 이 붙는 순서 없는 목록 (ul, li) 일련번호가 붙는 순서 (ol, li) CSS를 이용하여 . 이나 번호를 그림이나 애니메이션 등으로 변경할 수 있다. UL LI 사용 웹이란 무엇인가? 웹은 거미줄인데 www(world wide web)의 약어이다. 인터넷과 웹 브라우저를 통해서 원하는 정보를 얻을 수 있다. 웹 브라우저를 통해서 원격에 있는 사용자와 상호 소통이 가능하다. 웹 관련 직업으로 웹 디자이너, 웹 퍼블리셔, 웹 프로그래머 등이 있다. 출력 화면 OL LI 사용 라면을 맛있게 끓이는 법 종이컵 3컵 분량의 물을 넣어준다(450ml) 스프를 면 보다 먼저 넣고, 물이 끓으면 면을 넣는다. 면을 젓가락으로 들어 올려 주면서 끓인다. 처음부터 끝까지 센 불을 유지한다. 출력 화면

FrontEnd/HTML 2022. 6. 15. 08:26

이미지 IMG : 이미지 파일 경로 지정과, width, height 속성도 지정해야 한다. (width 또는 height 하나만 지정을 한다면, 지정한 값에 맞춰 다른 방향의 크기도 같은 비율로 커진다.) 절대경로 : 무조건 최상위 위치부터 파일 위치 지정 (C:\ C드라이브 부터 시작.) 상대경로 : 현재 내가 있는 위치 기준으로 상대 파일 위치 지정 (html 파일 위치에서 img파일까지 가는 경로) Hiking road via East-coast... jpg 24비트 트루컬러, 사진 이미지, 파일크기를 줄일 수 있음. png 24비트 트루컬러, 무손실 압축, 휴대폰 등에서 고화질 유지, 최근 널리 사용. 휴대폰에서 많이 사용 gif 8비트 (256컬러), 무손실 압축, 그래픽 이미지에서 널리 사용..

FrontEnd/HTML 2022. 6. 15. 08:20

기본 태그 , , , , , , , , , 등 텍스트 : ~ , , 등 ~ 는 글 제목을 나타낸다. 글이 가장 크다. px 글자 크기 단락 : 여러번 사용하여, 단락으로 구분한다. 줄바꿈 : = break 줄을 구별하는데, 한번에 중복하여 사용하면 중복한 수 만큼 내려간다. 특수문자 공백( ), (&gt) ~보다 크다, "("), '(&#039), &(&), Ⓒ(&copy)등 특수하게 처리 lt ( less than ), gt ( greater than ), " ( quotation ), & ( amphersand ) ( ) 태그가 의미하는 것은 ? "기상청 동네 바보" 'HypterTextMarupLanguage' HTML & CSS copyright© 2020 홍길동

FrontEnd/HTML 2022. 6. 15. 08:16

HTML(Hyper Text Markup Language) 웹(Web)은 World Wide Web의 약자로써 간단하게 WWW로 표현한다. 웹이란 인터넷에 연결된 컴퓨터를 통해서 전 세계와 정보를 공유하는 사이버 공간이다. 사용자는 웹 브라우저를 통해서 각 컴퓨터에 구축된 웹 사이트 콘텐츠를 이용하게 된다. 세계적인 웹 브라우저는 인터넷 익스플로(Internet Explorer), 크롬(Chrome), 파이어폭스(Firefox), 사파리(Safari) 등이 있다. 웹(Web) 웹에서 웹브라우저는 상당히 중요한 역할을 수행하는데 웹이라는 명칭이 붙어있는 모든 서버스는 이 브라우저를 통해서 활용이 가능하다. 웹 메일에서는 웹 브라우저를 통해서 메일을 주고받을 수 있고 웹 게임도 웹 브라우저를 통해서 플레이하..

FrontEnd/HTML 2022. 6. 14. 16:07