2022.05.27
HTML 기초 문법 속성, 이미지 알아보기.
HTML 기초 - 속성과 이미지
HTML에는 속성이 존재 합니다. 속성은 데이터의 조각을 의미 합니다. 다양한 요소가 있는데 첫번째는 <source> 입니다. HTML에서 이미지를 사용할때 요소를 추가하려면 다음과 같은 문법을 사용합니다.
<img src="폴더안에 있는 사진.확장자"> 이렇게 사용하지만 이미지를 다룰수 있는 요소가 더 있습니다. alt 와 크기조정 Height, width 입니다. 그래서 코드블럭으로 표현을 해보면 다음과 같습니다.
<img src="Image.jpg" alt="Replace To Image for Text" Height="500" width="300">
우리가 알아야할 요소 설명
- alt : 이미지를 대체할 텍스트
- Height : 이미지를 삽입할때 높이 크기
- Width : 이미지를 삽입할때 너비 크기
이미지를 넣는 코드를 넣어주고 사이즈를 조절해주면 아래와 같이 웹페이지에 이미지가 들어간다.
다른 요소 <Head> 부분에 들어가는 요소중 웹페이지의 언어와 문자 표시 형식 설정
언어 설정 = <html lang ="en"> ----> head 위에 선언
문자 표시 형식 설정 <head> 안에 선언 = <meta charset="UTF-8">
이렇게 표현할수 있습니다.
'HTML' 카테고리의 다른 글
| HTML 기초 - 리스트 (0) | 2022.05.27 |
|---|---|
| HTML 기초 - 구성과 요소 (0) | 2022.05.25 |
