본문 바로가기

전체 글544

3. 하이퍼링크 - 태그 하이퍼링크로 이동하는 HTML 페이지의 url은 a태그의 href속성으로 지정한다. 화면상에는 와 사이의 텍스트 혹은 이미지가 출력된다. 하이퍼링크 만들기 네이버 -target속성 a에 사용할 수 있는 속성 중에서 target 속성에 따라 브라우저의 열리는 형식이 달라진다. _blank : 새 윈도우 _self : 현재 윈도우 _parent : 부모 윈도우 _top : 전체 브라우저 윈도우 네이버 구글 유튜브 페이스북 - 앵커 본문에서 id 속성을 부여해 앵커 이름을 지정하면, 그 부분에 앵커가 만들어진다. 이 앵커는 #앵커이름 형식으로 연결해서 하이퍼링크를 만들 수 있다. a 태그의 앵커이동 만들기 Love me tender Can't help falling in love It''s now o.. 2020. 3. 3.
2. 고급 문서 만들기 1. 태그 태그는 html 문서 내에 이미지를 참조하는 태그이다. 이 때, 이미지를 지정하는 속성은 src로, 이미지의 경로를 지정하여 이미지를 참조한다. alt 속성은 이미지가 보이지 않을때, 보이지 않는 이미지를 텍스트로써 설명해주는 속성이다. 앨비스 프레슬리의 사진입니다. 이미지의 경로를 지정하는 방식은 크게 세가지(상대경로, 절대경로, url)로 나뉜다. 상대경로는 해당 html파일이 있는 위치를 기준으로 경로를 지칭하는 방식, url 방식은 인터넷에 있는 이미지 파일의 경로를 가져오는 방식(마우스 오른쪽 클릭 -> 이미지 주소 복사로 링크 가능) 절대경로는 html 파일의 위치와 관계없이, 이미지의 경로를 전부 기입하는 방식이다. 이미지의 상대경로,url&절대경로 상대경로: URL 방식: 절대경.. 2020. 3. 3.
1. html 기본 문서 만들기 - html5 문서의 기본 html페이지의 기본은 다음과 같이 만들어진다. html문서는 기본적으로 다음과 같은 형태를 띄며, 이 중 , 이 태그는 반드시 내에서만 작성되어야 한다. 2. ~ 태그() 이 태그는 주로 본문 내용 속 제목을 만드는데 사용하며, 태그 속 숫자가 작아질수록 글자의 크기가 커진다. 제목의 글자 크기는 브라우저가 결정한다. 1장 홈페이지 만들기 1장 홈페이지 만들기 1장 홈페이지 만들기 1장 홈페이지 만들기 1장 홈페이지 만들기 1장 홈페이지 만들기 이 때, 태그에 title 속성을 적용하면, 마우스를 제목에 올리는 순간 툴팁이 나타나게 된다. 1장 홈페이지 만들기 3. 태그 하나의 단락을 표현할 때는 태그를 사용한다. CSS 스타일로 들여쓰기, 내어쓰기를 제어할 수 있다. 단락을.. 2020. 3. 2.
HTML, CSS, Javascript 개요 홈페이지는 크게 front-end와 back-end로 나눌 수 있다. 우리가 흔히 '보고, 정보를 제공하는' 홈페이지는 front-end에 속한다. front-end를 구성하는 언어는 크게 html, CSS, Javascript로 나뉜다. HTML은 화면의 전체적인 내용과 레이아웃을 구성하고, CSS는 HTML로 만들어진 화면에 스타일을 가미하고, Javascript는 수동적인 화면에 능동성을 부여한다. 현재 시점(20.03.02)에서는 주로 HTML5를 이용하며, 이 언어는 각 브라우저마다 지원 현황이 다르기 때문에 올바르게 동작할 수도, 동작하지 않을 수도 있다. 따라서 전 세계 이용자의 70%를 차지하는 구글 chrome에 맞추어 홈페이지를 만든다. 2020. 3. 2.
반응형

티스토리툴바