HTML을 처음부터 시작하기(1 2016/9/19)

1.속성

HTML 태그는 속성을 가질 수 있습니다. 속성은 HTML 요소에 대한 추가 정보를 제공합니다. 속성은 항상 name="value"와 같은 이름/값 쌍으로 나타납니다.

속성은 항상 HTML 요소의 여는 태그 내에 지정됩니다.

속성 예시 1:

제목의 시작 부분을 정의합니다.

에는 정렬에 대한 추가 정보가 있습니다.

속성 예시 2:

는 HTML 문서의 본문을 정의합니다.

에는 배경색에 대한 추가 정보가 있습니다.

속성 예시 3:

은 HTML 테이블을 정의합니다.

에는 표 테두리에 대한 추가 정보가 있습니다.

전체 HTML 참조 매뉴얼은 각 HTML 요소에 사용할 수 있는 법적 속성의 전체 목록을 제공합니다.

HTML 참조 매뉴얼: http://www.w3school.com.cn/tags/index.asp

2.제목

제목은

-

과 같은 태그를 통해 정의됩니다.

은 가장 큰 제목을 정의합니다.

가장 작은 제목을 정의합니다.

---

태그는 HTML 페이지에 수평선을 만듭니다. 요소를 분할하는 데 사용할 수 있습니다

3. 단락

단락은

태그를 통해 정의됩니다.

① 빈 줄을 삽입하기 위해 빈 단락 태그

를 사용하는 것은 나쁜 습관입니다.
태그로 바꾸세요.

② 새 문단을 만들지 않고 줄바꿈(새 줄)하려면
태그를 사용하세요.

4. 스타일

style 속성은 HTML 요소의 스타일을 변경하는 데 사용됩니다.

스타일 속성은 모든 HTML 요소의 스타일을 변경하는 보편적인 방법을 제공합니다. HTML 스타일을 사용하면 스타일 속성을 사용하여 HTML 요소에 직접 스타일을 추가하거나 별도의 스타일 시트(CSS 파일)에서 정의하여 간접적으로 스타일을 추가할 수 있습니다.

background-color 속성은 다음과 같이 요소의 배경색을 정의합니다.

font-family, color 및 글꼴 크기 속성은 각각 요소에 있는 텍스트의 글꼴 모음, 색상 및 글꼴 크기를 정의합니다.

text-align 속성은 요소 내 텍스트의 가로 정렬을 지정합니다.

이것은 제목입니다

. 가운데를 왼쪽, 오른쪽으로 변경할 수 있습니다. 다른 효과를 달성하기 위해.

5. 명언

① HTML

요소 정의 짧은 인용부호 . 브라우저는 일반적으로 따옴표 로 요소를 묶습니다.

<p>WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p>

② HTML

긴 인용문의 경우 HTML

요소는 인용되는 섹션을 정의합니다. 브라우저는 일반적으로

요소를 들여쓰기합니다.

<p>以下内容引用自 WWF 的网站：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF 一直致力于保护自然界的未来。
世界领先的环保组织，WWF 工作于 100 个国家，
并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>

3 약어용 HTML HTML

요소 정의 약어 또는 약어. 태그 지정 약어는 브라우저, 번역 시스템 및 검색 엔진에 유용한 정보를 제공합니다.

6.CSS 스타일 도입 방법

스타일 시트를 삽입하는 방법에는 세 가지가 있습니다.

① 외부: 여러 페이지에 스타일을 적용해야 하는 경우 외부 스타일 시트가 이상적인 선택이 될 것입니다. 외부 스타일 시트를 사용하면 파일 하나를 변경하여 전체 사이트의 모양을 변경할 수 있습니다.

<span style="color: #0000ff;"><</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"><</span><span style="color: #800000;">link </span><span style="color: #ff0000;">rel</span><span style="color: #0000ff;">="stylesheet"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="text/css"</span><span style="color: #ff0000;"> href</span><span style="color: #0000ff;">="mystyle.css"</span><span style="color: #0000ff;">></span>
<span style="color: #0000ff;"></</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span>

② 내부: 단일 파일에 특별한 스타일이 필요한 경우 내부 스타일 시트를 사용할 수 있습니다. head 섹션의