HTML을 사용하여 텍스트 블록이 포함된 상자를 만듭니다.
HTML(HyperText Markup Language)은 웹 페이지의 구조와 콘텐츠를 만드는 데 가장 일반적으로 사용되는 언어입니다. HTML에는 사용자가 링크, 이미지, 단락, 제목 등을 생성할 수 있는 광범위한 요소가 포함되어 있습니다. 이러한 요소는 태그라고 하는 특정 문자 집합을 사용하여 페이지에 추가됩니다. 필요한 요소와 태그의 조합을 이해하고 나면 HTML에서 상자로 둘러싸인 텍스트 블록을 만드는 것은 빠른 작업입니다.
1 단계
편집하려는 웹페이지를 열고 HTML 코드를 봅니다. 텍스트 편집기를 사용하는 경우 프로그램에서 페이지를 열고 상자와 텍스트가 나타날 페이지 섹션에 도달할 때까지 아래로 스크롤하십시오. Microsoft Expression Web 또는 Adobe Dreamweaver와 같은 시각적 웹 사이트 프로그램을 사용하는 경우 페이지를 연 다음 상자와 텍스트를 추가할 영역을 클릭합니다. 그렇게 한 후 보기 모드를 "코드 보기"로 변경하여 페이지의 동작을 제어하는 HTML을 확인하십시오.
오늘의 비디오
2 단계
HTML 코드에 빈 줄을 만들려면 "Enter" 키를 누르십시오.
3단계
다음 세 줄의 코드를 복사하여 이전 단계에서 만든 빈 줄에 붙여넣습니다.
단락 텍스트 블록이 여기에 표시됩니다.
4단계
필요에 따라 이전 단계에서 추가한 코드의 매개변수를 조정합니다. 코드의 첫 번째 줄에서 "500px", "2px", "solid" 및 "black" 값을 수정하여 너비, 테두리 크기, 테두리 스타일 및 테두리 색상을 변경합니다. 코드의 두 번째 줄에서 "10px" 값을 수정하여 텍스트 주변의 공간을 변경합니다. 오프닝 사이에 있는 텍스트를 수정하십시오 "
" 및 닫기 "
" 페이지의 필요에 맞게 태그를 추가합니다.5단계
페이지를 저장한 다음 웹 브라우저에서 엽니다. 이전 두 단계에서 삽입하고 수정한 코드는 단락 텍스트 블록을 둘러싸고 있는 검은색 테두리가 있는 500픽셀 너비의 상자를 추가합니다.
