[HTML 기초] 태그/ 하이퍼텍스트와 속성

생활코딩님의 HTML강의를 공부하며 복습용으로 작성하였습니다. 

https://opentutorials.org/course/2039/10932

하이퍼텍스트와 속성 - 생활코딩

 

웹 애플리케이션

---

 

 

client	인터넷	server
HTML CSS JavaScript 웹브라우저		미들웨어(php) 데이터베이스 (MySQL)

 

HTML

---

Hyper Text Markup Language

 

HyperText = 하이퍼 텍스트를 가장 중요한 특징으로 하는 (링크와 관련)

 

MarkupLanguage= 마크업이라는 형식을 가진 컴퓨터 프로그래밍 언어 

 

a.html

---

 

a는 파일이름 html은 확장자

 

html은 확장자명을 html으로 해줘야함!

 

태그 

---

 

a.html 파일 안에 

 

'우리는 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다.(도널드 커누스)' 라는 명언을 입력하고 

'자신의 힘' 부분에 강조를 하려면 어떻게 해야할까?

 

--> 우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.(도널드 커누스)

 

여기서 <strong> 같은게 태그이다!

 

시작태그와 닫히는 태그는 슬래시('/') 유무로 판단한다.

 

 

여기서 '오늘의 명언'이라는 제목을 넣고 싶으면 어떻게 해야할까?

 

<h1> </h1> 태그를 이용한다.

 

--> <h1>오늘의 명언</h1> 우리 모두는 <strong>자신의 힘</strong>으로 발견한 내용을 가장 쉽게 익힌다.(도널드 커누스)

 

소제목을 넣고 싶으면

 

</h2>오늘의 명언</h2>

 

+) 아무리 메모장에서 줄바꿈을 해도 웹브라우저에서는 무시한다.

속성

---

도널드 커누스라는 부분에 도널드 커누스라는 인물에 대한 위키백과 링크를 걸려면 어떻게 해야할까?

 

<a> </a> 태그를 이용하는데, 이는 a안이 링크라는 것을 브라우저에게 알려주는 태그이다.

웹페이지의 url을 연결하려면 <a href="위키백과 url주소">도널드 커누스 </a>  를 하면된다. 

 

태그만으로 정보가 부족할 때 속성을 이용한다. 여기서 href가 속성이다. 

---

도널드 커누스를 누를 때, 새 창에 위키백과가 열리려면 어떻게 해야할까?

 

<a href="위키백과 url주소" target="_blank">도널드 커누스 </a> 

 

그러면 창이 2개 뜬다. 여기서 target 또한 속성이다!

---

 

도널드 커누스에 커서를 가져다 댔을 때 '전설적인 프로그래머'가 뜨게 하려면 어떻게 해야할까?

<a href="위키백과 url주소" target="_blank" title="전설적인 프로그래머">도널드 커누스 </a>