12일차_HTML

서창민·2023년 3월 25일
0

HTML

목록 보기
4/18
post-thumbnail

23.03.24 금 12일차

수업내용

  1. HTML
  2. PHP
  3. 네트워크 패킷 트레이서

HTML

  • 정의
웹 페이지의 구조화를 통해
데이터베이스의 값을 들여오기위한 틀을 생성
  • 확장자 (.html / .htm)
여러개 생성시 확장자 통일필요
실행시에는 두 확장자명 모두 사용 가능
  • 태그
<!DOCTYPE html>
:HTML 사용 선언(대소문자 구분x 대체로 소문자)

<h1></h1>~<h6><h6>
:폰트 제목처리 > 숫자가 클수록 폰트도 큼

<head></head>
:해당 문서에 대한 정보(메타데이터)의 집합을 정의

<title></title>
:브라우저 페이지 타이틀 이름설정(브라우저와 호환 필요)

<body></body>
:해당 HTML 문서의 모든 콘텐츠
(텍스트, 하이퍼링크, 이미지, 리스트 등)를 포함하는 영역

<div></div>
:화면 레이아웃을 선언

<p></p>
:문단의 단락 나누기
  • 이미지
<img src="사진명.확장자" alt="Text">
: 이미지 첨부하기
  • 링크
<a href="url">link text</a>
: 링크 첨부
<a href="url" target="new1">link text</a>
: 링크 (새창으로이동) 중복 불가능
<a href="url" target="_blank">link text</a>
: 링크 (새창으로이동) 중복 가능
<a href="url" target="_blank" border=1>link text</a>
:링크 테두리 생성
<a href="url" target="_blank" alt="text"/>link text</a>
: 링크 테두리 생성
<pre></pre>
: 텍스트를 그대로 표기(띄어쓰기 포함)
  • 버튼
형식 1
<button>텍스트</button>
형식 2
<input type=button value="텍스트">
:큰 따옴표 미기입 시 텍스트 잘림
  • 띄어쓰기 표기(텍스트)
&nbsp;
: 띄어쓰기
&emsp; 
TAP과 같이 띄어쓰기

PHP

  • 정의
C언어를 기반으로 만들어진 
서버 측에서 실행되는 서버 사이드 스크립트 언어
  • 병합
rowspan
:N 아래칸과 N칸만큼 병합 
colspan
:N 옆의칸과 N칸만큼 병합
  • 도메인 (net / com) 차이점
.net 영리를 목적으로 하지 않는 도메인
.com 영리를 목적으로 하는 도메인

네트워크 패킷트레이서

  • 정의
네트워크를 시뮬레이션 할 수 있는 도구
  • 계층구조
1계층 : 연결시 별도의 설정 필요 X
PC - PC , HUB-HUB

2계층 : 연결 시 약간의 설정 필요
SWITCH - SWITCH

3계층 : 조작없이 연결불가
ROUTER - ROUTER
  • 연결
다이렉트 케이블
: 서로 다른 계층의 장비를 연결하는 케이블

크로스 케이블
: 서로 같은 계층의 장비를 연결하는 케이블(예외가 존재)
profile
Back-end Developer Preparation Students

0개의 댓글