[HTML,CSS,JS] HTML 기초 문법 총 정리와 사용예제
Devel/HTML&CSS&JAVASCRIPT2020. 8. 31. 18:43
반응형
HTML_CSS_JAVASCRIPT
#웹 표준의 목적
(*) 데이터 구조는 HTML이 담당하고, 디자인과 레이아웃은 CSS가 담당하며, 동작 및 컨트롤은 Javascript와 DOM이 담당.
#HTML
:
#html의 자식
head, body
#body의 자식
hi, p
#html 파일 찾는 경로
#그림에 링크걸기
#외부 csss불러와 사용할때
#내부 스타일 적용할때
#에러(폴더, 프로젝트 많아서 서버 충돌될때)
서버 더블클릭>Modules
파일은 삭제되지 않고, 문제 전혀 없다.
#<h1>이 가장 크다, 자동 줄바꿈
#hr 수평선 그을때 사용
#<P>
#<br>
#텍스트포맷용
#<a태그>
-서로 다른 웹 페이지 또는 하나의 웹 페이지 내부에서 특정한 위치로 이동 가능.
-hyperlink는 텍스트 및 이미지 모두 가능하며 타겟은 href 속성을 이용한다.
-기본적으로 링크는 다음 특징을 갖는다.
:unvisited 링크는 underline + blue
:visited 링크는 underline + purple
:active 링크는 underline + red
<a href="target.html" title = "target.html. 로컬페이지 이동">
-> 마우스 가져다 대면 targer.html.로컬페이지 이동 뜸.
target = "_blank
-> 새창띄울때
#id= 유일값이여야함.
#다른 테이블의 java행을 찾아갈때
'Devel > HTML&CSS&JAVASCRIPT' 카테고리의 다른 글
[HTML,CSS,JS] workshop예제(기본인적사항만들기) (0) | 2020.08.31 |
---|---|
[HTML,CSS,JS] HTML 기초 문법 총 정리와 사용예제2 (0) | 2020.08.31 |
[HTML,CSS,JS] 서버 연동 후 프로젝트 실행하기 (0) | 2020.08.31 |
[HTML,CSS,JS] Eclipse IDE 버전, 설치방법, Apache Tomcat 드라이버 설치 (0) | 2020.08.31 |
[HTML,CSS,JS] eclipse 환경설정 3가지와 설정 4가지 (0) | 2020.08.31 |
댓글()