Html 기초

0726 수 프론트엔드 2nd

서버 vs 클라이언트
서버 : 인터넷에 연결된 컴퓨터, 웹요소와 여러 정보가 저장
클라이언트 : 웹 브라우저, 사용자가 웹사이트에 접근할때 사용하는 기기

프론트 엔드 : 웹 ㅡ브라우저 화면에 보이는 부분
HTML, CSS, JS
백엔드 : 사용자 뒤(back) 보이지 않는 영역, 즉 서버를
다룸 , 데이터베이스를 설계하거나 데이터 처리
자바, PHP, 파이썬 등 프로그래밍 언어 사용

HTML : 문서. Mark up 언어. document type이 web docu.
헤드 :타이틀, metadata표시

바디 : 내용
-헤더<h1> : 제목 헤드라인.

html 파일 : 정적. 새로고침 해야 반영
라이브서버 : 저장만되면 자동반영
hypertext를 가지고 다음페이지로 넘어감 -> Hyper Text Markup Language

헤더
메인
푸터
h1 태그 등...
그냥 다 div 때려도 되는데 각각 태그의 의미가 있기때문에 명확히 해주면 좋다.


<header> 
- <nav>
<main> 
- <article> - <section> -


<table>
<thead>
<tr>
<th> user_id </th>
<td> user_name</td>
<td> password</td>
<td> date</td>
</tr>
<tbody>
<tr>
<th> 1</th>
<td> 2</td>
<td> 3 </td>
<td> 4 </td>
</tr>

tfoot
            <tr>
              <th> null </th>
             <td> null </td>
             <td> null </td>
            <td> null </td>
             <td> null </td>
            </tr>

colspan,  : 행 합치기 (가로)
rowspan : 열 합치기

<img src="이미지 파일 경로" alt="대체용 텍스트">

<a href = "https://google.com"> 구글</a>

label을 클릭하면 입력칸으로 이동하거나 체크박스를 체크

readonly : 수정x, 데이터전송O disabled : 수정x 데이터 전송 x

 value가 전송된다. input에선 value가 중요함!


=======================
추상메서드

인터페이스와 추상클래스의 차이
다중상속 vs 단일상속 ★★★
멤버변수를 쓸수 있냐 없나 - 인터페이스는 쓸 수 없다.