728x90
반응형
*HTML 구조와 각 요소의 역할 이해하기
[HTML Images]
- HTML Images는 <img> 태그로 정의된다
- 여기에 src(원본 파일, source의 약자), alt(대체 텍스트), width(폭/가로) 및 height(높이/세로)의 속성을 지정한다
ex) <img src="파일명(확장자 포함).jpg" alt="브라우저에서 이미지가 안 보일 경우 대신 나타나는 텍스트" width="폭" height="높이">
[HTML Links]
- HTML Links는 <a> 태그로 정의된다
- Link의 대상은 href 속성을 지정한다
ex) <a href="URL 주소">링크 위에 노출되는 텍스트</a>
#Source
<!DOCTYPE html> <!--DOCTYPE 선언문-->
<html>
<body>
<!--Headings -->
<h1>귀여운 고양이 보고 가실게요</h1>
<!--Paragraph-->
<p>나만 없어 고양이, 사람들 다 있는데 나만 없어</p>
<img src="Kitten.jpg" alt="귀여운 고영희씨" width="300" height="200"> <br>
<img src="cat.jpg" alt="귀여운 고영희씨" width="300" height="200"> <br><br>
<a href="https://pixabay.com/photos/kitten-asleep-in-a-pot-1995961/">Where to download it</a>
</body>
</html>
#Result
728x90
반응형
'Dev 개발 스터디 (동면 중) > Dev_HTML' 카테고리의 다른 글
| [HTML] Tutorial 05 - Elements(요소) (0) | 2021.06.05 |
|---|---|
| [HTML] Tutorial 04 - Basic1 (DOCTYPE 선언, Body 요소-Headings, Paragraphs) (0) | 2021.06.03 |
| [HTML] Tutorial 03 - Editors (0) | 2021.06.03 |
| [HTML] Tutorial 02 - Introduction (0) | 2021.06.03 |
| [HTML] Tutorial 01 - Home (Title, Heading, Paragraph) (0) | 2021.06.02 |