728x90
HTML 속성
- 모든 HTML 요소는 속성 을 가질 수 있습니다
- 속성 은 요소에 대한 추가 정보 를 제공합니다
- 속성은 항상 시작 태그에 지정됩니다
- 속성은 일반적으로 name = "value" 와 같은 이름 / 값 쌍으로 제공됩니다.
href 속성
HTML 링크는 <a>태그 로 정의됩니다 . 링크 주소는 href속성에 지정되어 있습니다 .
| <a href="https://www.w3schools.com">This is a link</a> |
src 속성
HTML 이미지는 <img>태그 로 정의됩니다 .
이미지 소스의 파일 이름은 src속성에 지정되어 있습니다 .
|
<img src="img_girl.jpg"> |
width height너비와 높이 속성
HTML 이미지도 가지고 width와 height이미지의 폭과 높이를 지정하는 속성
|
<img src="img_girl.jpg" width="500" height="600"> |
alt대체 속성
이 alt속성은 이미지를 표시 할 수없는 경우 사용할 대체 텍스트를 지정합니다.
alt화면 판독기 는 속성 값을 읽을 수 있습니다. 이러한 방식으로, 시각 장애가있는 사람과 같이 웹 페이지를 "듣는"누군가가 그 요소를 "듣게"할 수 있습니다.
|
<img src="img_girl.jpg" alt="Girl with a jacket"> |
추가) h1보다 더큰 제목
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html>
<html>
<body>
<h1 style="font-size:60px;">h1 </h1>
<h1> h1</h1>
</body>
</html>
|
cs |
h1 태그에 style이라는 속성을넣어 글자의 크기를 변경할수있음
이부분에 대해서는 나중에 제대로 알아보겠습니다.
HTML <pre> 요소
HTML <pre>요소는 사전 형식화 된 텍스트를 정의합니다.
<pre>요소 내부의 텍스트 는 고정 너비 글꼴 (일반적으로 Courier)로 표시되며 공백과 줄 바꿈을 모두 유지합니다.
728x90
'HTML' 카테고리의 다른 글
| HTML 기초 6 / HTML 텍스트 형식 (HTML 서식) (0) | 2020.03.11 |
|---|---|
| HTML 기초 5 / HTML style(HTML style) html 배경색 , 글자 색 , 정렬,글자크기 (0) | 2020.03.11 |
| HTML 기초 3 / html elements (html 요소) (0) | 2020.03.11 |
| <HTML 배우기>2. <h>, <br> ,<p> , <img> , <button> <ul> <ol> <li> 태그 (0) | 2020.03.10 |
| HTML 1. HTML의 특징과 기본 HTML이란? (1) | 2020.03.10 |