Web개요

상희 -> 스마트인재개발원 메인에 입장!

상희? 웹 클라이언트 -> 요청 스마트인재개발원? 웹 서버 <- 응답

•  
• HTML
• HT -> Hyper Text 다른 문서로 즉시 접근
• ML -> Markup 표시! '태그' ★★

안녕하세요

시작태그 Content(내용) 끝태그 ====> Element (요소)

• • 태그의 종류

1. 제목 태그 h태그 + 숫자 (1~6)
2. 본문 태그 영역차지 개행 a. p태그 한줄의 영역 O b. span태그 컨텐츠 X
3. 개행 태그 br태그
4. 강조 a. 실질적의미 강조 strong b. 시각적의미 강조 b
5. 리스트 태그

리스트를 만들게! 선언 ol(순서O) , ul(순서X) 실질적 데이터 li태그 (ul,ol 모두사용)

HTTP: Hyper Text Transfer Protocol

하이퍼텍스트를 기반으로 데이터 전송하는 프로토콜 요청/응답(request/response)방식으로 동작

HTML

웹페이지에 정보를 담아 표시하기 위한 마크업 언어

Hyper Text: 현재 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트

Mark Up : 어딘가에 MARK!즉, 표시를 해두는 것

시작태그        content(내용)         끝태그
<p>                내용                <p>
               Element(요소)

시작태그전에 속성과 값을 정한다

<p 속성 =값>  콘텐츠 </p>

개발자도구 불러오기  f12

제목태그
<h>제목</h>

글자 크기 (1~6)

글자태그

<p> 본문</p>
본문의 내용을 단락으로 표한할때 사용하는 태그

<span>  </span> 개행이없음

<br/> 줄바꿈 태그

<hr/> 단락 간의 구분을 위해 사용하는 태그

<b>   시각적 강조
<strong>  실질적인 강조

<ul>
번호없는 목록을 사용할때 사용하는 태그

<ol>
번호있는 목록을 사용할때 사용하는 태그

<li>      list-item
공통적으로 사용되는 태그

<!-- 가볍게 볼 것! -->
<br><br>
<input type="file">
<br>
<input type="color">
<br>
<input type="number">
<br>
<input type="range">
<br>
<input type="date">
<br>
<input type="datetime-local">