WEB/HTML+CSS(Front-end)

HTML - 간단한 HTML의 이점과 속성을 알아보자(부제: 태그로 표현이 안 될땐 태그의 속성(Attribute을 이용해보자.)

얄루몬 2021. 5. 3. 17:03

 

 

간단하게 봐도 좋고 공부를 원한다면 다음 단계의 수업을 들어도 좋음.

중간중간 이런 휴식 강의가 있다..



 

 1. 문법(= 태그)의 속성(= 태그의 심화된 문법)을 배우면 마스터!

 2. 인기있는 태그 설명

 

이미지를 웹페이지에 포함 시키는 태그 <img>

unsplash.com/ 

 

Beautiful Free Images & Pictures | Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

unsplash.com

저작권에 구해받지 않고 이미지를 사용할 수 있는 웹페이지

 

<h1>Yaloo's development blog</h1>
<p> 안녕하세요 얄루의 개발 블로그에 오신 것을 환영합니다.
  이곳에서는 <strong>개발</strong>이라는 매력에 빠지게 되실겁니다.</p>

<li> Introduce </li>
<img src="coding.jpg" width ="100%" >

HTML 예제에서 살펴보듯 <img> 태그 뒤에 주절주절 많은 말이 있다.

이것은 태그가 태그만으로 설명이 부족할 때 태그에 속성(Attribute)을 통해서 더 많은 의미를 부여한다.

이것을 태그의 속성이라고 한다. 

HTML 태그(태그의 속성으로)로 이미지를 넣어보자.