html style4 HTML 스타일 안내 일관되고 깨끗하고 정돈된 HTML 코드를 사용하면 다른 사람이 사용자의 코드를 더 쉽게 읽고 이해할 수 있다. 다음은 좋은 HTML 코드를 만들기 위한 몇 가지 지침과 팁이다. 항상 문서 유형을 선언 항상 문서 유형을 문서의 첫 번째 줄로 선언한다. HTML의 올바른 문서 유형은 다음과 같다: 소문자로 요소 이름을 사용 HTML을 사용하면 요소 이름에 대문자와 소문자를 혼합할 수 있다. 그러나 다음과 같은 이유로 소문자 요소 이름을 사용하는 것이 좋다: 대문자와 소문자 이름을 혼합하면 잘못 표시됨 개발자는 일반적으로 소문자 이름을 사용합니다 소문자가 더 깨끗해 보입니다 소문자가 쓰기 더 쉽습니다 좋은 예 나쁜 예 This is a paragraph. This is a paragraph. 모든 HTML요소.. 2023. 5. 29. HTML HEAD 요소 HTML 본문 요소의 내용이 브라우저 창에 표시됩니다. 제목 요소의 내용은 브라우저 탭, 즐겨찾기 및 검색 엔진 결과에 표시됩니다. HTML 요소 요소는 단일 HTML 페이지에 대한 스타일 정보를 정의하는 데 사용된다: 이것은 H1 제목이다. 이것은 단락이다. 본문 요소의 내용이 브라우저 창에 표시됩니다. 제목 요소의 내용은 브라우저 탭, 즐겨찾기 및 검색 엔진 결과에 표시됩니다. HTML 요소 요소는 현재 문서와 외부 자원 간의 관계를 정의한다. 태그는 외부 스타일 시트에 연결하는 데 가장 많이 사용된다: 이것은 H1 제목이다. 이것은 단락이다 HTML 요소 요소는 일반적으로 문자 집합, 페이지 설명, 키워드, 문서 작성자 및 뷰포트 설정을 지정하는 데 사용된다. 메타데이터는 페이지에 표시되지 않지만 .. 2023. 5. 23. HTML 스타일(Styles) HTML 스타일 속성은 색상, 글꼴, 크기 등의 스타일을 요소에 추가하는 데 사용된다. HTML 스타일 속성 HTML 요소의 스타일 설정은 스타일 속성으로 수행할 수 있다. HTML 스타일 특성의 구문은 다음과 같다: property는 CSS 속성이다. value는 CSS 값이다. 추후에 CSS 튜터리얼에서 좀더 배워보자. 배경색(Background color) CSS background-color 속성은 HTML 요소에 대한 배경색을 정의한다. 예제 이것은 제목이다. 이것은 단락이다. 또다른 예제는 제목에 배경색과 단락에 배경색을 다르게 설정할 수 있다. 제목에는 powderblue색이 배경색으로 단락 배경에는 tomato색으로 설정한다. 예제 This is a heading This is a para.. 2023. 4. 16. HTML 제목(Headings) 이번 글은 HTML 제목을 어떻게 표시하는지에 대해 알아보자 HTML 제목은 우리가 웹패이지에 표시하고자 하는 제목이나 부제목들을 정의한다. 예제 제목1 제목2 제목3 제목4 제목 5 제목 6 상기 에제와 같이 제목을 표시할 때 어떻게 하는지 알아보자. HTML 제목들 HTML 제목들은 에서 테그로 정의된다. 은 가장 중요한 제목이며 태그는 가장 중요하지 않은 제목을 정의한다. 상기 제목1~6까지의 제목을 표시하려면 아래와 같이 정의하면 된다. 예제 제목1 제목2 제목3 제목4 제목5 제목6 제목은 매우 중요하다. 단순히 화면에 제목을 크게 표시하는 것을 더해, 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 내용을 색인화한다. 사용자는 종종 페이지 제목을 기준으로 페이지를 건너뛴다. 문서 구조를 표시하.. 2023. 4. 14. 이전 1 다음
