Web_Front-end/HTML(8)
-
[HTML] 2021.01.11 DAY_53 태그사용5. _ HTML5에 추가된 Form Control, 영역태그
[ 10. HTML5에 추가된 Form Control] IE에서는 거의 동작하지 않는다
2021.01.11 -
[HTML] 2021.01.08 DAY_52 태그사용4. _ HTML Form Control
[ 9. HTML Form Control ] java.swing의 컴포넌트 == html의 form control [ label , Titledborder, fieldset ] 먼저, label이라는 개념을 알고 넘어가자. label은 java.swing의 컴포넌트 label과 같은 의미로 사용된다 - input 태그 등의 이름을 알려줄 때 일반텍스트대신 사용하는 개념이다 이름표 - 제목을 가진 테두리를 만들 때 - 태그 안에서 사용한다 [ 1_ input 태그] 접속자의 정보를 받기 위해 제공하는 HTML의 객체들 의 객체가 제공된다 입력된 정보는 태그를 사용하여 Back-end로 전송할 수 있다 태그속성들 - 속성 - readonly = "readonly" : 사용자가 편집할 수 없다 - Back-e..
2021.01.08 -
[HTML] 2021.01.08. DAY_52 글자태그_marquee 연습
[ 흘러가는 문자 - marquee ] 내용 방향 left : default / 왼쪽에서 오른쪽으로 동작 slide : default 동해안 오징어떼와 물고기 출몰! =:> <:= <@3333< <:= <:= @-<--
2021.01.08 -
[HTML] 2021.01.08. DAY_52 태그사용3. _ 테이블 - 표(table) 생성, 연습, 태그 속성
2021/01/06 - [Web/HTML] - [HTML] 2021.01.06. DAY_50 태그 : 태그란?, 태그 종류 2021/01/07 - [Web/HTML] - [HTML] 2021.01.06. day_50 태그사용 1. _ 줄변경, 글자, 글꼴, 특수문자,heading, 목록, 선긋기 태그 2021/01/07 - [Web/HTML] - [HTML] 2021.01.07. day_51 태그사용 2. _ 이미지, 링크 태그, frame(frame, iframe) 2021/01/07 - [Web/HTML] - [HTML] 2021.01.07. day_51 태그복합사용 연습) 이미지 + 링크태그 사용 [ 8. 테이블 - 표만들기] 표를 만드는 이유 : 데이터를 보기좋고, 읽기좋게 만들기 위해 사용한다 ..
2021.01.08 -
[HTML] 2021.01.07. day_51 태그복합사용 연습) 이미지 + 링크태그 사용
2021/01/07 - [분류 전체보기] - [HTML] 2021.01.07. day_51 태그사용 2. _ 이미지, 링크 태그, frame(frame, iframe) 예를 들어, 아래와같이 작성한다고 생각해보자 map을 사각형, 50, 80 , 70 ,100 설정해둔다 이미지 a를 map을 사용하여 설정해보자 map을 원, 50, 80에 위치한 40크기로 설정해둔다 이미지 b를 map을 사용하여 설정해보자 // 하나의 map 에 담아서 사용할 수 있다 (가독성을 위해 나눔) map 태그를 사용하면 하나의 이미지에서 부분에만 링크를 걸 수 있다 연습해보기 서울지도에서, 구를 클릭하면, 구청 홈페이지로 연결하는 코드를 작성해보자 (단, 지도의 다른 구를 선택하면 아무 작동도 하지 않는다) (동작구, 강동구..
2021.01.07 -
[HTML] 2021.01.07. day_51 태그사용 2. _ 이미지, 링크 태그, frame(frame, iframe)
2021/01/07 - [Web/HTML] - [HTML] 2021.01.06. day_50 태그사용 1. _ 줄변경, 글자, 글꼴, 특수문자,heading, 목록, 선긋기 태그 [ 태그의 사용 ] [ 6. 이미지 ] - 이미지경로 1. 절대경로 : c:/경로/파일명. : 사용하지 않는다 2. 상대경로 : 이미지의 자원을 사용하는 html파일이 제공되는 URL을 기준으로 설정하는 경로 기준 : HTML 파일의 위치 http://localhost/html_prj/day0107/test.html - 이미지가 HTML 파일과 같은 위치에 존재할 때 : 경로를 사용하지 않는다 - 파일명만 기술 예) http://localhost/html_prj/day0107/images/a.png - 이미지가 HTML 파일의 ..
2021.01.07 -
[HTML] 2021.01.06. day_50 태그사용 1. _ 줄변경, 글자, 글꼴, 특수문자,heading, 목록, 선긋기 태그
[ 태그의 사용 ] [ 1. 줄변경 ] 소스코드내에서의 줄변경은 웹페이지에서 보여지지 않는다 따라서, 줄변경 태그를 사용하여 줄을 변경한다 : 원하는 곳에서 줄을 변경 오늘은 수요일 : 문단태그 오늘은 수요일 HTML(Hyper Text Markup Language)은 1995년에 영국에 Tim Berner's Lee가 초안을 만든언어로 Web Browser에서 다른 문서, 이미지, 멀티미디어 등을 검색, 연결하는 기능을 가진 문서이다. HTML은 1.0에서부터 시작하여 2021년 현재 HTML5가 표준안으로 발표되어있다. HTML은 구조를, CSS는 통일성있는 디자인을, JavaScript은 연산과 유효성검증을 담당한다. [ 2-1. 글자태그 ] 글자를 변경해주는 태그 ▸ HTML5에서 지원하지 않는 ..
2021.01.07 -
[HTML] 2021.01.06. DAY_50 태그 : 태그란?, 태그 종류
[ 1. 태그란? ] 태그란? tag : 모양 태그는 대소문자를 가리지 않는다 HTML태그는 Error가 나지 않는다 =이유=> Compile과정이 없기 때문 HTML은 소스상에서 줄이 변경되지만, Web Browser상에서는 줄변경이 되지 않는다 -해결-> 줄변경태그를 사용 사용법 내용 내용이 없는 태그 사용법 [ 2. 태그의 종류 ] 1. 줄변경태그 2. 글자태그 3. heading : 글제목태그 4. 목록 5. 선 (line) 6. 이미지 7. 링크 8. 테이블 9. HTML Form Control 10. HTML5에 추가된 태그(위의 내용에서도 추가된 태그가 포함되어있다) 11. Media 태그 12. 영역
2021.01.06