Front-end/html

[html] blockquote(인용블록),  (문장사이 스페이스 추가)

blockquote 블록 안의 텍스트가 인용문인 것을 나타내는 블록이다. JavaScript는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다. HTML 삽입 미리보기할 수 없는 소스 JavaScript는 스페이스를 10개 추가하여도 하나의 스페이스밖에 적용되지 않는다. 이럴 때는 스페이스를 의미하는 을 추가하면 스페이스가 생긴다. JavaScript는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능..

[html] inline 태그, block 태그

inline 태그와 block 태그는 비슷하지만 다르다. 이 두 태그의 차이점에 대해서 알아보자. inline 태그 사용자 정의 영역을 표현 block 태그와는 달리 여백이 남는만큼 일렬로 나열된다. 즉, 여백이 다 찰때까지 줄바꿈이 일어나지 않는다. 크기 지정 불가, 여백 지정 불가 대표적인 inline 태그 : , , , , , inline 태그 5개를 일렬로 나열하면 어떻게 될까? inline taginline taginline taginline taginline tag HTML 삽입 미리보기할 수 없는 소스 다음 태그를 달 때 줄이 바뀌지 않고, 옆에 작성된다. inline 태그를 block태그로 바꾸는 방법 /* css */ i { display: block; /* 태그를 block으로 바꾸기 ..

[html] class와 id

html에 이름을 주는 요소에는 class와 id가 있다. 이 둘은 비슷한듯 다르다. 그 차이에 대해 알아보자. class /* css */ .big-blue-text { color: blue; font-size: 48px; } First Second Third 태그에 big-blue-text라는 클래스를 붙여주었다. 이것을 css에서 불러올 땐, '. + 클래스이름'을 써주면된다. id /* css */ #favorite-text { color: blue; font-size: 48px; } First Second Third 태그에 favorite-text라는 아이디를 붙여주었다. 이것을 css에서 불러올 땐, '# + 아이디이름'을 써주면된다. class와 id의 차이 같은 클래스 이름은 여러 요소가 ..

[html] 이미지 넣기

이미지를 넣기 위해서는 태그를 사용하는데, 를 적으면 된다. 나는 현재 index.html파일에 있기 때문에 space.jpg를 찾아가기 위해 "images/kandinsky.jpg"라고 경로를 적었다.

[html] 하이퍼링크

구글 page1 HTML 삽입 미리보기할 수 없는 소스 하이퍼링크는 위와같은 태그를 사용하는데, href="이동할 경로"를 넣어주면 된다. 이 때 새로운 탭에서 이동할 경로가 열리게 하고싶다면, target="_blank"를 사용하면 되고, 현재 페이지에서 이동하고 싶다면 사용하지 않으면 된다.

[html] 굵게 쓰기, 날려쓰기(이탤릭체)

태그 Hello World! HTML 삽입 미리보기할 수 없는 소스 글자를 굵게 쓰고 싶다면, 태그를 사용하면 된다. 이것은 bold의 약자이다. 태그 Hello World! HTML 삽입 미리보기할 수 없는 소스 글자를 날려쓰고싶다면, 태그를 사용하면 된다. 이것은 italics의 약자이다. 그런데, 이런 시각적인 특징만 갖는 태그말고, 의미를 담고 있는 출력이 같은 태그가 있다. 태그 Hello World! HTML 삽입 미리보기할 수 없는 소스 태그는 출력은 태그와 같지만, 시각장애인을 위해 화면을 읽어주는 경우가 발생할 때, 강조해서 읽게되는 것이 태그와의 차이이다. 태그 Hello World! HTML 삽입 미리보기할 수 없는 소스 태그 역시, 태그와 출력은 같지만, 시각장애인을 위해 화면을 읽..

[html] 기본 html 태그

My First Website My First Page I love HTML! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. HTML 삽입 미리보기할 수 없는 소스 선언 html 파일을 쓸 때는 가장 먼저 선언을 해야한다. 태그 페이지의 제목은 태그에 써주면되는데, 이것이 브라우저 탭이나 인터넷 방문기록에 찍히는 그 제목이 된다. ~태그 ~ 태그는 머리말을 쓰는 태그인데, 숫자가 커질수록 글자크기가 줄어든다. 태그 문단을 묶어줄 때 사용한다. paragraph의 약자이다.