Creame

Urban Outfitters

https://www.urbanoutfitters.com/

의류/잡화/인테리어/패브릭/코스매틱

디자인 잡화 판매 사이트

Leibal

http://leibal.com/

Product Design

제품 디자인 

storng/b 태그

<strong>진하게</strong> : 강하게/강조

<b>진하게</b> : bold/두껍게

<em>강조하기 위한 기울임</em>

<i>기울이기</i>

1. 두 가지도 화면상 똑같이 출력된다.

2. 의미상 차이! 강조된 기울임은<em> : emphasis 문장의 중간을 강조

3. 그냥 기울이기는 <i> 태그를 사용한다.

u/s/q 태그

<u>밑줄</u>

<s>삭제선, 취소선</s>

q태그는 <q>인용문</q>에 쓰입니다.

밑줄
삭제선, 취소선
q태그는 "인용문"에 쓰입니다.

sup/sub/mark 태그

^윗첨자

_아래첨자

<mark>형광펜</mark>효과

^윗첨자

_아래첨자 

형광펜효과

sapn태그

: 이렇게 아이디 지정해서

<style>

#s1{color:red;}

#p1{color:blue;}

</style>

: 이렇게 부분적으로 스타일(혹은 부가기능)을 지정할 때 쓰인다.

ruby 태그

텍스트 작성 태그

*html은 Enter/Tab/Spacebar 키를 무조건 여백 한 칸으로 인식한다.

<br> : 줄바꾸기(엔터), 열고 닫는 것 없이 독립적 사용.

<p> 문단지정 </p> : 문단 영역 지정, 위아래 한 줄씩 띄어짐.

<hr> : 가로선
         기본 세로 1px, 가로 100% 설정, 색상 : white, inner shadow 효과 지정되어 있음.

ex)    <hr size=10> : 10px 가로선 (기본 단위 px)
        <hr color=red> : 색상값 red
        <hr width=50%> : 가로폭 화면의 50%로 설정
        <hr align=left> : 왼쪽 정렬(기본값 가운데 정렬)
        <hr size=10 color=red width=50% align=left>

Heading 태그

1. 한 줄 전체가 사용되고 위아래 한 줄씩 띄어짐.

2.<h></h>안을 영역으로 인식(p태그 처럼)

3. 볼드체로 표시

4. 숫자가 작을 수록 글씨가 크다.

5. 제목의 표시 : 검색에 다른 글자보다 잘 걸린다.

6. <h>만 입력하면 기본 폰트 출력

Blockquote 태그

1. 문단 나누고 들여쓰기(양쪽 들여쓰기)

2. 영역으로 인식

<blockquote><blockquote>인용문구</blockquote></blockquote>

3. 쓴 만큼 들여 써진다. (반드시 연 만큼 닫아준다.)

pre/xmp 태그

<pre>텍스트</pre>

1. 미리보기 개념, 코딩으로 인식하지 않는다.

2. 텍스트/스페이스바/줄간격 모두 인식하고 보여준다.

3. 낭독기가 인식하지 못하고 읽지 못한다.

4. 텍스트 내용에 태그가 사용될 경우 태그는 표시되지 않는다. (적용도 안됨)

<xmp>텍스트</xmp>

1. pre태그와 비슷한 개념으로 사용되나, 태그도 표시된다.

2. 일반적으로는 잘 사용되지 않는다.

3. 특수한 경우(태그로 해석되지 않길 바랄 때, 태그를 그대로 보여주어야 할 때)만 사용된다.

호스팅

서버 : 웹상의 어떠한 장소

HDD : 장소의 크기(저장용량)

트래픽 : 사용량(2mb 파일을 x 50명이 보면 = 100mb 트래픽)

웹사이트 주소 : 도메인 (사용자에게 보여지는 주소)

    웹브라우저를 통해 웹사이트에 접근할 때 필요한 주소

ip 주소 : 원래 서버 장소의 주소는 0~9까지의 숫자 12개로 이루어져 있다.

이것을 텍스트화 한 것이 우리가 알고 있는 웹사이트 주소

특수 기호