WEB UIUX/HTML
[HTML]a태그 클릭시 새창으로 열기, 새탭으로 열기 여러가지 방법
* target으로 적용하면 '새탭' * onclick으로 적용하면 '새창' * 지정한 사이즈로 '새창'열리게 하는 속성 - 표시된부분에서 원하는 사이즈로 설정하기! **** pdf를 열고싶다면 a태그의 href속성에 pdf 경로를 작성해줍니다! ****
WEB UIUX/HTML
WEB UIUX/HTML
[HTML]URL링크 공유시 미리보기 썸네일 변경하기
**** 태그 안에 작성할것! meta태그 안에 content=" " 큰따옴표 안에 변경할 내용 작성 **** /* 이미지변경 */ /* 제목변경 */ /* 사이트 설명글 변경 */ /* 대표URL */
WEB UIUX/HTML
[HTML]html의 block요소와 inline요소의 속성
>block요소 block요소는 기본값으로 한줄을 차지한다! 그렇기에 block요소 태그를 나열했을때 자동 줄바꿈 현상이 일어난다. width, height, padding(안쪽여백), margin(바깥여백) 값들을 적용할수있다. 그렇기에 화면구성이나 레이아웃을 짤때 적합하다. block요소는 inline요소를 포함할 수 있고, 다른 block요소 태그들을 포함 할 수 있다. 👉 block속성의 종류로는 h1~h6, div, p, ul, ol, li, header, nav, section, footer, article, aside, hr 등등... >inline요소 inline요소는 줄바꿈이 일어나지 않는다. 그렇기에 inline요소들을 나열 했을때 한 행에 위치해 자신의 크기만큼 나열되는 속성을 가진다..
WEB UIUX/HTML
[HTML]html의 기본Tag종류
h태그는 제목태그입니다. 페이지내에서 가장 중요한 부분으로 h1은 로고에 사용됩니다. 제목태그입니다. 섹션의 대제목으로 사용됩니다. 제목태그입니다. 섹션의 소제목으로 사용됩니다. 제목태그입니다. h4~h6 태그는 거의 사용하지 않습니다. 제목태그입니다. 제목태그입니다. p태그는 block요소로, 문단태그로 텍스트를 감싸는 태그입니다. 명확하게 문단으로 나눠서 레이아웃 배치와 스타일을 적용하기 위해 사용합니다. span태그는 inline요소로 아무런 의미가없는 태그입니다. 영역을 묶거나 특정부분에 스타일을 적용하기위해 사용합니다. ol은 순차적 목록태그입니다. li는 ol의 항목을 작성할때 사용합니다. 물을 끓인다. 컵에 물을 따른다. 티백을 우린다. 차를 마신다. ul은 비순차적 목록태그입니다. li는 ..
WEB UIUX/HTML
[HTML]html문서의 기본구조
html의 기본 문서구조를 알아보자 문서를 만들기전 알아야 할것 반드시 확장명은 .html로! 꺽쇠()가 붙은것 하나하나가 태그(Tag) 작성한 태그를 닫을땐 으로 닫아주기! ex. vs code에 들어가 새 문서를 만들고 ! + TAB 또는 ENTER를 누르면 짜잔! 이런 기본 구조가 생성이 된다. 문서구조를 하나씩 뜯어보자 DOCTYPE html> 웹 브라우저에게 '이제부터 우리가 처리할 문서는 HTML5문서야!' 라고 알려주는 것이다. 웹 문서 시작을 알리는태그로 작성할 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그이다. lang옆의 en은 문서의 언어가 영어라는뜻, 우리는 한글문서를 주로 작성하니 보통 ko로 수정해준다. 브라우저에서는 보이지는 않으나 페이지제목 및 디자인을 담당하는 CS..
-
이전
- 1
-
다음
