img 태그
<img> 이미지를 삽입할때 사용하는 태그
하지만 이것만으로는 이미지 삽입이 되지 않는다.
이 의미는 태그의 이름만으로는 정보가 부족할 때가 있다는 것이다.
그래서 태그의 속성이 생기게 되었다.
unsplash.com은 저작권에 구애받지 않고 사용할 수 있다.
아름다운 무료 이미지 및 사진 | Unsplash
어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다.
unsplash.com
이미지 태그를 사용하기 위해선 이미지파일이 있어야하고
<img> 태그의 속성인 src를 사용하여 이미지의 경로를 지정해야 한다.
부모와 자식
HTML에 있는 여러 태그들은 부모 자식 관계가 막 바뀐다.
어떤 태그들은 자식이 있는 곳에 항상 부모가 있고, 부모가 있는 곳에 항상 자식태그가 있는
사이가 좋은 태그들이 있습니다.
목차를 완성하는 과정에서 부모 자식 태그를 살펴보겠다.
<ul>//li의 부모태그(unordered list)
<li></li>
<li></li>
<li></li>
<ul>
<ol>//li의 부모태그(ordered list) - 숫자를 자동으로 넘버링 해준다.
<li></li>
<li></li>
<li></li>
<ol>
문서구조 태그
<head>
<title></title> - 웹 페이지의 제목을 명시하고 검색엔진에서 타이틀을 검색한다.
<meta charset="utf-8"> utf-8로 문서를 읽어라
</head>
<body>
</body>
헤드와 바디태그로 내용을 구분한다.
<a>태그
<a href="www.naver.com" target="_blank" title="go to naver">네이버로 가
새 탭에 생성 호버링시 내용이 뜬다.
href뜻 - hypertext reference
인터넷과 웹이 생긴 이유
인터넷과 웹의 차이
인터넷이 도시라면 웹은 건물 하나
인터넷이 도로라면 웹은 건물
인터넷이 운영체제라면 웹은 프로그램 하나이다.
1960년 핵에 대한 공포가 있었고 핵공격시 통신시스템 대응이 가능한 인터넷이 생겼다.
인터넷은 전세계로 확산되고, 그러다 웹이 출현하면서 새로운 길을 걷게된다.
웹의 고향은 스위스에서 태어났다.
세계 최초의 웹 브라우저인 www를 만들고
웹서버를 만들고 주소를 구현한다.
web server (info.cern.ch) - index.html을 가지고 있다.
web browser info.cern.ch/index.html을 달라고 서버에 요청하고 반환한다.
웹 호스팅과 웹 서버
GitHub! 소스코드를 백업하고 협업하기 위한 사이트이다.
수업을 마치며
'코딩 > 코딩 기초' 카테고리의 다른 글
| cs50 강의 본문 1 (2) | 2023.06.17 |
|---|---|
| 생활코딩 CSS (0) | 2023.06.12 |
| 인프런 : 비전공자를 위한 올인원 개발 클래스 Javascript (0) | 2022.10.19 |
| 인프런 : 비전공자를 위한 올인원 개발 클래스 flex layout (0) | 2022.10.19 |
| 부스트코스 (풀스텍) -1. 웹 프로그래밍 기초 (0) | 2022.10.18 |