티스토리 뷰

개발/HTML,CSS

HTML의 특징

아테즈 2019. 7. 3. 14:48

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
HTML 소개  (0) 2019.07.03
댓글
댓글쓰기 폼
공지사항
Total
21,136
Today
0
Yesterday
27
링크
TAG
more
«   2022/07   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
글 보관함