옛 --html 연구 노트를 검토

1, 메인 라벨 :

<HTML>

  <머리> <제목> 페이지 제목 </ 제목> </ head>

  <바디> 콘텐츠 페이지 </ BODY>

</ HTML>

2, 텍스트 레이블 :

굵게 :

  • B (<B> 요약 </ B>) 만 굵은
  • 강한 (<strong> 요약 </ strong>)와 굵은 강한 색조를 나타낸다

틸트 :

  • I (<I> 요약 </ 난>)만을 경사지게
  • EM (<엠>의 콘텐츠는 </ EM은>) 강하게 기울어과 톤

취소 선 :

  • 델 (<델> 内容 </ 삭제>)
  • S (<S> 요약 </ s>)

밑줄 :

  • U (<U> 内容 </ U>)
  • 기능 (<기능> 内容 </ 기능>)

큰 :

  • 큰 (<큰> 요약 </ 큰>) 115 % 증가

작은 :

  • 작은 (<작은> 요약 </ 소형>)는 85 %의 큰 범위가된다

첨자 :

  • SUP (<SUP> 요약 </ SUP>)의 이차 방정식 AX 2 + BX + C = 0

첨자 :

  • 물 분자의 하위 (<서브> 요약 </ 서브>) H 2 O

글꼴 :

  • 폰트 (<FONT> 内容 </ FONT>)
    • 특성 :
      • 글꼴 색상 색상 = "빨간색"색상 = "#의 C330C5"
      • 폰트 사이즈 크기 = "2"의 값 (1 ~ 7)
      • 글꼴 스타일 얼굴 = "굴림"

3, HTML 코멘트 :

구문 : <! - 콘텐츠 ->

네, 중첩 된 태그 :

문법 : 중첩 수준이 있어야 중첩이 교차 할 수 없습니다

5, 타이포그래피 태그 :

기본 레이아웃 모드 : 포장보다 왼쪽에서 오른쪽으로 위에서 아래로,에서, 더 적은을 행 없습니다

[참고] 노크 내부 편집기가 쓸모 입력 쌀 수 없습니다

랩 :

  • BR (로 <br> 또는 <br />) 하나의 라벨

대시 :

  • 시간 (<HR> 또는 <HR />) 싱글 레이블
    • 특성 :
      • 선폭 폭 = "300", 단위 픽셀
      • 선 두께 크기 = "6"
      • 선 색상 색상 = "빨간색"
      • =이 "왼쪽"라인 정렬, 기본 중심을 맞 춥니 다
      • 그림자 라인의 noshade

단락 :

  • P (<p> 요약 </ p>) p 태그 전용선 1
    • 특성 :
      • 값을 정렬 = "왼쪽"맞춤 (좌 / 중앙 / 오른쪽), 왼쪽 기본적

[주] 블록 요소의 폭 및 높이를 제공 할 수 있고, 엘리먼트 열 폭과 높이를 설정할 수없는

사업부 및 범위 :

  • DIV (<div> 내용 </ div>) 태그 블록 전용 라인 (1)
  • 로우 라벨 내의 범위 (<SPAN> 요약 </ SPAN>), 광폭 콘텐츠

TITLE :

  • H1 (<H1> 요약 </ H1>) 최대 개수
  • H2 (<H2> 요약 </ H2>)
  • H3 (<H3> 内容 </ H3>)
  • H4 (<H4> 요약 </ H4>)
  • H5 (<H5> 요약 </ H5>)
  • H6 (<H6> 요약 </ H6>) 최소
    • 특성 :
      • 제목 정렬 정렬이 = "왼쪽"

(6), 라벨의 목록 :

[주] 질서 무질서 최선 서로 중첩되지

정렬 된 목록 :

  • 올, 리 (<OL> <LI> 콘텐츠 1 </ 리> <LI> 개요 2 </ 리> </ OL>) 함량은 리튬 만 배치 될 수있다
    • 특성 :
      • 제 스타일 유형 = "A", 값 (1 / A / A / I / I / 없음), 기본값은 "1"
      • 위치 시작을 시작 = "3", 3부터 배치되어있다

순서없는 목록 :

  •  UL 리 (<UL> <LI> 内容 1 </ 리> <LI> 内容 2 </ 리> </ UL>)
    • 특성 :
      • 제 스타일 유형 = "디스크"값 (디스크 / 원 / 평방), 기본 "디스크"

[참고 일반적 중첩 정의 목록에 사용되지

정의 목록 :

  • (<DD> 설명 제목 <DL> <DT> 타이틀 </ DT> </ DD> </ DL>) DL> DT, DD
    • DL 정의 목록 태그
    • DT 사용자 정의 제목
    • DD 정의 설명

7, 이미지 태그 :

사진 :

  • IMG (<IMG의 SRC = "picture.jpg 대신"/>)
    • 특성 :
      • 주소 경로 : SRC = "절대 경로 / 상대 경로"속성해야
      • 이미지 너비 : 폭 = "100"
      • 이미지 높이 : 높이 = "100"

8, 링크 태그 :

링크 :

  • A (<a href="URL"> 内容 </a>에)
    • 특성 :
      • 주소 경로 : SRC = "절대 경로 / 상대 경로"

9, 테이블 태그 :

[비고] 표, TR은 TD 엄격 중첩 관계는이 계층에 나타날 수있다

형태 :

  • 테이블> TR> 번째 TD
    • 전체 형태, 공통 속성을 나타내는 복수의 테이블
    • TR은 작은 재산이 행을 나타냅니다
    • TD 열 (셀), 공통 속성을 나타내는 다수
  • 레이블 속성 테이블 일반에게
속성 이름 의미 공통 속성 값
경계 테이블 테두리 너비를 설정합니다 픽셀 값 (기본값 0)
cellspacing 빈 피치 폭은 셀과 셀 테두리 사이에 제공된다 화소 값 (디폴트는 2 픽셀)
의 cellpadding 셀의 내용과 경계선 사이의 빈 피치 폭 화소 값 (디폴트는 1 픽셀)
테이블 폭을 설정 픽셀 값
신장 테이블의 높이를 설정 픽셀 값
정렬 웹 페이지에서 테이블의 수평 정렬을 설정합니다 좌 / 중앙 / 우
BGCOLOR 테이블을 전체 배경 색상을 설정합니다  
배경 테이블을 전체 배경을 설정합니다 도 BACKGROUND 우선 배경색
의 borderColor 테이블 테두리 선 색상을 설정합니다  
  • TR 태그 공통 속성 :
속성 이름 의미 공통 속성 값
BGCOLOR 전체 배경 컬러 라인  
배경 도 라인이 일체로 배치 BACKGROUND  
신장 설정 행 높이  
정렬 행의 셀의 내용의 수평 정렬을 설정합니다 좌 / 중앙 / 우
vAlign와 셀의 행의 내용의 수직 정렬 배치 상단 / 중 / 하

 

  • TD 태그 공통 속성 :
속성 이름 의미 공통 속성 값
셀 너비를 설정합니다 픽셀 값
신장 셀의 설정 높이 픽셀 값
정렬 셀 내용은 수평 정렬을 구비 좌 / 중앙 / 우
vAlign와 수직 정렬에서 셀의 내용을 설정 상단 / 중 / 하
ROWSPAN 은행 간는 (종 방향)에 배치 된 셀의 개수가 병합 삭제 합병을 넣을 수를 병합하려면
열 병합 열 가교 (폭)을 설정하는 것은 세포의 수는 병합 수단 삭제 합병을 넣을 수를 병합하려면
BGCOLOR 셀의 배경 색상을 설정  
배경 셀 배경 설정  

 

[주]

THEAD, TBODY는 테이블 (라인)에 대한 TFOOT 그럴 이번에 THEAD 헤드 기, 하부 그룹 TFOOT 테이블에 테이블로 그룹화된다.

이 세 가지 라벨의 권장 순서는 나타납니다 THEAD, TFOOT, TBODY는, 그 내부 TR 물품.

THEAD, TFOOT는 TBODY가 여러 번 나타날 수 있습니다, 한 번만 나타납니다.

모든 명시 세 라벨 TR (행)에 기인되지 TBODY 기본값으로 기인한다.

고급 테이블 :

  • 캡션 (<자막> 테이블 호 </ 자막>)
    • "제목 텍스트"의 형태를 표현하는 데 사용되는 사실 하역 테이블 태그 (테이블의 외부에 보이는)
  • THEAD
    • 복수의 TR (OK)을 포함 할 수있는 "두부"를 나타내는 테이블은, TR TD 자연 (또는 차)을 가져야
    • 테이블> THEAD> TR : 테이블 라벨, 외부 TR, 즉이 단계에서 작성된
  • TBODY
    • 복수의 TR (OK)을 포함 할 수있는 "바디 영역"를 나타내는 테이블은, TR TD 자연 (또는 차)을 가져야
    • 테이블> TBODY> TR : 테이블 라벨, 외부 TR, 즉이 단계에서 작성된
  • TFOOT
    • 복수의 TR (OK)을 포함 할 수있는 "바닥 면적을"표시하는 테이블은 TR TD 자연 (또는 차)을 가져야
    • 테이블> TFOOT> TR : 테이블 라벨, 외부 TR, 즉이 단계에서 작성된

10, 공통 속성의 HTML :

이름 : 이름

클래스 : 클래스

ID : 고유 식별

제목 : 제목

스타일 : 스타일

11 라벨 관계 :

<DIV>

  <P> 콘텐츠 1 </ p>

  <DIV>

    <P> 개요 2 </ p>

    <DIV> 개요 3 </ div>

  </ DIV>

</ DIV>

후손의 관계 :

  • 포함 관계
  • 부모 - 자식 관계

형제 :

  • 형제 자매
  • 그것은 부모와의 관계에 속해야합니다

12 양식

 계속하려면 ......

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

추천

출처www.cnblogs.com/tobyhan/p/11253967.html