HTML74 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 단락(Paragraphs) 이번에는 HTML 단락에 대해 살펴보자. 단락은 항상 새 줄에서 시작하며 일반적으로 텍스트 블록이다. HTML 단락(Paragraphs) 단락은 항상 새로운 줄에서 시작하고, 단락 전후에 브라우저는 자동으로 몇 몇 흰 공간을 추가한다. 예제 이것은 단락이다. 이것은 또다른 단락이다. HTML 표시 HTML이 어떻게 표시될지 확신할 수 없다. 큰화면 또는 작은 화면과 크기가 조정된 창은 다른 결과를 만든다. HTML을 사용하는 경우, HTML 코드에 공백이나 줄을 추가하여 표시를 변경할 수 없다. 페이지가 표시될 때, 브러우저는 추가 공백과 줄을 자동으로 제거한다. 예제 This paragraph contains a lot of lines in the source code, but the browser i.. 2023. 4. 15. HTML 제목(Headings) 이번 글은 HTML 제목을 어떻게 표시하는지에 대해 알아보자 HTML 제목은 우리가 웹패이지에 표시하고자 하는 제목이나 부제목들을 정의한다. 예제 제목1 제목2 제목3 제목4 제목 5 제목 6 상기 에제와 같이 제목을 표시할 때 어떻게 하는지 알아보자. HTML 제목들 HTML 제목들은 에서 테그로 정의된다. 은 가장 중요한 제목이며 태그는 가장 중요하지 않은 제목을 정의한다. 상기 제목1~6까지의 제목을 표시하려면 아래와 같이 정의하면 된다. 예제 제목1 제목2 제목3 제목4 제목5 제목6 제목은 매우 중요하다. 단순히 화면에 제목을 크게 표시하는 것을 더해, 검색 엔진은 제목을 사용하여 웹 페이지의 구조와 내용을 색인화한다. 사용자는 종종 페이지 제목을 기준으로 페이지를 건너뛴다. 문서 구조를 표시하.. 2023. 4. 14. HTML 속성(Attributes) 이번 글은 HTML속성에 대해 살펴볼 것이다. HTML속성은 HTML요소에 추가적인 정보를 제공한다. HTML 속성(Attributes) 모든 HTML 요소는 속성값을 가질 수 있다. 속성값은 요소들에 관련한 추가적인 정보를 제공한다. 속성값은 시작태그 내에 항상 정의한다. 속성값은 일반적으로 "name="value" 와 같이 이름/값 쌍으로 구성한다. 이제 대표적이며 많이 사용하는 속성값들을 살펴보자. href 속성 태그는 하이퍼링크를 정의한다. href 속성값은 페이지 링크의 URL을 정의한다. 예제 가자! 네이버로... src 속성값 태그는 HTML페이지 내에 이미지를 포함하는데 사용한다. src 속성값은 화면에 표시할 이미지의 위치를 정의한다. 예제 src 속성값내의 URL을 나타내는데는 2가지 .. 2023. 4. 13. 이전 1 ··· 15 16 17 18 19 다음
