비디오: PSD TO HTML 01 [Simple PSD] - 포토샵참조 코딩하기 기초 - 파트1 2025
Adobe Creative Suite 5 (Adobe CS5) Dreamweaver 로트에서 새 웹 페이지를 만들 때 웹 브라우저가 HTML과 HTML 버전을 인식 할 수 있도록 코드가 작성되었습니다. Dreamweaver는 백그라운드에서 작동하여 페이지가 Firefox, Internet Explorer 및 Safari와 같은 일반적인 웹 브라우저의 모든 최신 버전에서 작동하는지 확인합니다.
HTML 코드는 다른 언어와 마찬가지로 구문 (코드의 올바른 순서 및 구성)과 어휘 (많은 태그를 암기)를 알아야한다는 점에서 쉽습니다. 좋은 청결한 웹 페이지를 만들기 위해 안경에 테이프 조각이있을 필요는 없지만 다음 HTML 기본 사항을 검토해야합니다. ->
숙련 된 사용자라면 코드를 복사하여 붙여 넣으면 HTML 코드에 대해 많은 것을 알 수 있습니다. 새로운 사용자 인 경우 코드를 복사하여 붙여 넣으면 다른 사람들이 자신의 페이지에서 구현 한 코드를 이해하고 도움이 될 수 있습니다.일반적으로 HTML 태그는 세 부분으로 구성됩니다.
태그:
-
HTML 정보의 주요 부분 (예: 강하게 또는 굵게는 , 글꼴 태그는 HTML 테이블의 경우. 태그는 항상
또는
와 같이 대괄호로 묶인 키워드로 구성됩니다.
)와 닫는 태그 (
)를 입력해야합니다. XHTML 1.0 Transitional (Dreamweaver에서 작성된 모든 새 페이지에 사용되는 표준)에서 모든 태그를 닫아야합니다. 닫는 대괄호 앞에 슬래시를 포함하여 태그를 닫거나 자체 닫는 태그를 만들 수 있습니다 (
).예를 들어, 태그를 추가하여 텍스트를 굵은 글꼴로 만들려면 닫는 태그 를 삽입하여 굵은 글꼴 적용을 중단 할 텍스트를 지정하십시오. 그렇지 않으면 텍스트가 나머지 페이지 전체에서 굵게 표시됩니다.
특정 HTML 태그의 모양을 미세 조정할 수 있습니다. 속성은 항상 여는 태그에 추가되며 링크 색상, 크기 및 대상과 같은 속성을 제어하기 위해 다른 값을 사용할 수 있습니다. 예를 들어, align은 단락 안쪽의 텍스트 정렬 방법을 지정하는 (단락) 태그의 속성입니다.
다음은 속성이 추가 된 단락 () 태그의 예입니다.
가운데 맞춤 텍스트
값:
예를 들어 색상, 크기 및 링크 대상은 속성. 예를 들어 색상 속성의 값으로 16 진수를 지정할 수 있습니다. 전체 페이지 모양을 제어하는 태그의 bgcolor 속성 값의 예는 "빨간색"또는 "# CC0000"일 수 있습니다. 중첩
는 태그가 나타나는 순서입니다. 태그가 적용되면 다음과 같이 표시됩니다. 이 텍스트는 굵게 표시됩니다 . 기울임 꼴 태그를 추가하면 이 텍스트는 굵게 기울임 꼴로 표시됩니다. . 태그의 전면에서 전면으로의 배치를 확인하십시오. 태그를 닫을 때 안쪽에서 바깥 쪽을 향합니다.