https://stonesy927.tistory.com/69
[html]html이란?
html,css,javascrip란 무엇일까? html 웹 사이트 설계작업을 담당. 즉, 웹 사이트에 접속했을 때 눈에 보이는 정보를 html로 입력. css 는 공간과 정보에 디자인을 입히는 역할을 담당. JavaScript 이미지에
stonesy927.tistory.com
<a>태그
※<a>태그는 콘텐츠를 클릭했을 때 특정 영역이나 특정 페이지로 이동하는 역할.
※href속성은 연결할 주소를 지정할 때 사용.
href속성의 속성값으로 네이버URL주소가 입력됨.
※target속성은 웹 사이트를 이동할 때 어떤 위치에서 열리게 할지 결정하는 요소.
target속성의 속성갑승로 _blank와 _self가 주로 사용됨.
_blank속성값: 새 탭 또는 새 창을 띄워서 페이지를 이동.
_self속성값: 현재 탭에서 페이지를 이동.
※title속성은 <a>태그를 클릭했을 때 이동하게 되는 페이지의 정보를 나타냄.
다음과 같이 입력했을 경우, 사용자가 네이버 텍스트에 마우스 포인터를 올리면 title속성의 속성값인 '네이버로 이동' 이 나타남.
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<meta name="description" content="Web Tutorial">
<meta name="keywords" content="HTML">
<meta name="author" content="seoyoung">
</head>
<body>
<a href="https://stonesy927.tistory.com/69" target="_blank" title="html 블로그으로 이동">html블로그</a>
</body>
</html>
해당 태그의 콘텐츠를 클릭하면 다음과 같이 설정한 페이지로 이동한다.
<img>태그
정보성 이미지를 삽입.
src속성은 이미지의 주소, width와 height는 각각 폭과 높이, alt는 이미지가 로딩되지 않았을 때 대체 텍스트를 나타냄.
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<meta name="description" content="Web Tutorial">
<meta name="keywords" content="HTML">
<meta name="author" content="seoyoung">
</head>
<body>
<img src="C:\google.png" width="501px" height="512px" alt="google image">
</body>
</html>
도대체 왜 나타나지 않는 것인가 주르륵ㄱㄱㄱㄱㄱㄱㄱ................. 시간이 될 때 좀 더 알아보도록 하자.
'HTML+CSS+JavaScript' 카테고리의 다른 글
| [html]웹 페이지에 타이틀 달기 (0) | 2021.09.08 |
|---|---|
| [html]<span>태그 (0) | 2021.08.01 |
| [html]<p>태그 (0) | 2021.08.01 |
| [html]<h1>~<h6>태그 (0) | 2021.08.01 |
| [html]html이란? (0) | 2021.07.25 |