티스토리 뷰
HTML의 특징들
- 모든 HTML태그는 특징이 있습니다. (attributes)
- 이러한 특징들은 태그로 정의된 element에 추가 정보를 제공합니다.
- 특징들은 항상 시작태그에 정의됩니다.
- 특징들은 보통 name/value의 쌍으로 나타낼 수 있습니다. ( name = "value" )
href attribute
HTML에서 하이퍼링크는 <a>태그로 정의할 수 있고, href attribute로 추가 정보를 삽입할 수 있습니다.
<a href="https://www.w3schools.com">This is a link</a>
실제로 이 태그를 사용한 문서를 브라우저에서 열면, 하이퍼링크가 생깁니다.
src attribute
HTML에서 이미지는 <img>태그로 정의할 수 있고, src attribute로 추가 정보를 삽입할 수 있습니다.
<img src="img_girl.jpg">
src태그는 파일명을 의미합니다. 물론 인터넷에 업로드된 http링크도 가능합니다.
width and height attribute
HTML 이미지는 width와 height로 크기를 정해줄 수 있습니다.
<img src="img_girl.jpg" width="500" height="600">
alt attribute
alt태그는 이미지를 표시할 수 없는경우, 엑박 옆에 글로 표시해주는 태그입니다.
<img src="img_typo.jpg" alt="Girl with a jacket">
style attribute
style attribute는 본문의 폰트나 색상, 크기를 지정하는데 쓰이는 태그입니다.
<p style="color:red">This is a paragraph.</p>
lang attribute
lang은 <html>태그 안에 삽입할 수 있는, 문서의 언어를 지정해주는 attribute입니다. 화면을 보는 사람의 접근성을 위해 매우 중요한 코드입니다.
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
title attribute
title은 태그이기도 하지만, <p>태그의 attribute로도 사용할 수 있습니다. 주로 마우스를 올렸을 때, 툴팁을 삽입하기 위해 사용됩니다.
<p title="I'm a tooltip">
This is a paragraph.
</p>
되도록 소자 attribute를 사용하시고, 인용부호를 넣는 방법도 한번 알아보시기 바랍니다.
'개발 > HTML,CSS' 카테고리의 다른 글
HTML style(스타일), quotation(인용), comments(주석) (0) | 2019.07.03 |
---|---|
HTML Paragraphs(문단) (0) | 2019.07.03 |
HTML Heading(제목) (0) | 2019.07.03 |
HTML 소개 (0) | 2019.07.03 |
댓글