HTML에 대한 기본적인 이해

HTML (하이퍼 텍스트 마크 업 언어) : HTML

HTML은 레이블로 구성된 언어, 하이퍼 텍스트의 효과를 표시 할 수 있습니다

기본 프레임 워크 :

 

1  <! DOCTYPE HTML > # 이것은 문 HTML5 파일입니다 
2  < HTML LANG = "에서 zh-CN" > # 랭 = "에서 zh-CN은"에 전체 문서 내용 표현은 영어로되어 있다면, LANG을 변경, 중국어 기반 = " EN "을 
3 < 선두 > 4 < 메타 캐릭터 ="UTF-8 " > #은 UTF-8 유니 기본 호환성 외국어 때문에 문서 문자 포맷을 인코딩, 일반적으로 UTF-8로 선택 설정 5 < 타이틀 > XXX </ 타이틀 > # 페이지 제목, 내용이 표시 탭 . 6 ......... . 7 </ 헤드 > . 8 < 본문 > . 9 ....... 10 </ 바디 > 11 </ HTML >

 

전체 코드는 두 부분으로 분할된다 : 첫 번째 부분은 <헤드> </ head>, 신체의 일부분 <body> </ body>

주요 처리 헤드는 내용을 표시하지 않습니다. 반대로, 신체의 주요 부분은 페이지 노출의 내용을 표시합니다

참고 : <! - 각주 ->

일반적인 태그 :

각 레이블은 매개 변수가 각각의 일반 속성을 가지고 있습니다

<헤드> </ head> 태그 내에서 사용 :

< 제목 > </ 제목 > 태그 사용자 정의 페이지 # 
< 스타일 > </ 스타일 > # 내부 스타일 시트 정의 
< 스크립트 > </ 스크립트 > # 정의 JS 코드 나 외부 JS 파일로를 < 링크 /> 외부 스타일 시트 파일 번호의 도입 < 메타는 /> # 원래 페이지 정보를 정의

여기에 주로 소개하는 <메타 />와 거친 도입 <링크 /> [남아] 뒤쪽에 발생합니다을

<메타는 /> 태그 :이 태그는 페이지에 대한 메타 정보, 검색 엔진 및 업데이트 빈도 및 키워드에 대한 설명을 제공합니다

공통 속성 : 캐릭터 세트, HTTP-당량, 이름

(도입되지 않는 캐릭터 세트, 기본 프레임 워크는 말했다)

HTTP-당량 속성 : 콘텐츠 속성에 사용 할 필요가 어떻게 메인 브라우저 해석 컴파일 된 파일을 선언합니다

  HTTP-당량 매개 변수 : 브라우저 쿠키 캐시 콘텐츠 유형 HMT4 렌더링 전에 새로 고침 페이지 새로 고침 설정 - 쿠키 설정 문서 콘텐츠 인코딩 선언 X-UA 호환 브라우저 문

例子 : <META HTTP-EQUIV = "Content-Type을"내용 = "text / html과 문자 집합 ="UTF-8 ">

      <메타 HTTP-당량 = "X-UA 호환"내용 = "IE = 가장자리">

이름 속성 :

  글 : <메타 이름 = "속성 값"내용 = "속성 값 세부 정보">

  매개 변수 : 일반 문장의 저자는 회사 웹 사이트 표현을 사용, 웹 사이트 키워드, 설명 페이지의 설명을 키워드, 엔진은 제목에 내용을 표시 검색

<링크 /> 태그 : 각종 문서에 대한 링크는 웹 페이지

  속성 : REL : HREF를 링크 파일의 유형을 보여줍니다 : 링크는 현재 문서 입력에 관련된 파일을 표시하는 데 사용됩니다 나타냅니다 링크 파일 주소

 

이이 경로를 해결하기 위해 올 때, 우리는 상대 경로와 절대 경로에 대해 얘기하고있다;

절대 경로 : 즉, 실제 경로에있는 하드 디스크의 홈 페이지 파일이나 디렉토리에

상대 경로 : 디렉토리에 기준 경로에 대해 (상위 디렉토리 ./ ../ 나타낸다 때 층 디렉토리 나타냄)

그들 모두에서 우리는 안전하기 때문에, 절대 경로를 사용하는 것이 좋습니다.

 

<바디> </ body> 태그 내에 사용 :

<B> 굵게 </ B>, <난> 이탤릭체 </ I>, <U> 밑줄 </ U> <S> 삭제 </ s> <p> 제 </ p>, <H1> 표제 </ H1> [1-6] 전체에서 <br> 랩 수평선 <HR>

<DIV> 태그 블록 </ div> <SPAN> 인라인 태그 </ SPAN> 이러한 두 개의 태그는 CSS 스타일 수정하는 데 사용된다 (차이 : 정보 프레젠테이션 소량의 표시 용 정보 DIV 다량 스팬)

<IMG> 이미지 태그 특정 문구 : <IMG SRC = "이미지 경로"고도 = 제목 = "호버의 콘텐츠 노출을" "이미지가 성공을위한 팁을로드하지 않습니다">

특정 문구 </a>를 <A> 하이퍼 링크 태그 : <a href="路径" target="打开的形式"> 여기에이 매개 변수의 오픈 형태로, 총 2 개에 대해 이야기 : 새 탭에서 1._blank 2 공개 현재 탭에서 열기

순서없는 목록 :

< UL 유형 = "XXX" > 매개 변수의 #TYPE : 디스크 (기본, 고체 점), 원 (오픈 원), 사각형 (고체 사각형), 없음 (NO 스타일) 
    < > XXX </ > 
    < > XXX </ > 
    ..... 
</ UL >

정렬 된 목록 :

< OL의 유형 = "XXX" > #TYPE 매개 변수 : I (로마 숫자 대문자) (1) (숫자의 기본 목록), A (대문자), A (소문자 문자), I (소문자 로마 숫자) 
    < > XXX </ > 
    < > XXX </ > 
    ....... 
</ OL >

제목 목록 :

< DL > 
    < DT > 타이틀. 1 </ DT > 
    < DD > 요약 </ DD > 
    < DT > 제목 2 </ DT > 
    < DD > 요약 </ DD > 
    ....... 
</ DL >

양식 :

< > 
    < TR > 
        < > XXXX </ > # <TR>表示行<제>表示格先定行再定格
        < > XXX </ > 
        ........... 
    < / TR > 
     < TR > 
        < > XXXX </ > 
        < > XXX </ > 
        ........... 
    </ TR > 
    ............. . 
</ 테이블 >

테두리 : 테이블 테두리의 cellpadding : 패딩 cellspacing : 거리, 외부 폭 : 표 속성에 대한 화소의 비율 ROWSPAN : 수직 교차 뱅크 셀의 수, 열 결합 : 다수의 라인에 걸쳐

<양식> 양식 태그 </ 양식> (때문에 보안의, 그것은 사용 포스트에 권장) [/ 포스트 취득] 서버 주소 액션 제출 양식, 방법 제출 : 두 가지 속성이 있습니다

<입력 /> 속성 : 유형 입력 상자 설정 입력 유형, 이름 입력 상자 (필수), 값이 디폴트 값 입력 상자, 자리 메시지 내용 입력 상자에 이름 (예 : 사용자 이름) 자동 자동 완성

매개 변수 유형 속성 : 텍스트 입력 텍스트 상자에 암호를 암호 입력 상자, 라디오, 라디오 버튼, 체크 박스 체크 박스, 파일 파일 업로드, 제출 버튼을 제출 리셋 폼 데이터, 버튼을 누름 버튼을 리셋, 이미지 그래픽 버튼을 제출

<선택> 선택 상자를 정의 </ 선택> <옵션> 쓰기 옵션 </ 옵션>

예 :

< 선택 > 
  < 옵션 = "코드를" >代码</ 옵션 > 
  < 옵션 = "수영" >游泳</ 옵션 > 
  < 옵션 = "춤" >跳舞</ 옵션 > 
  < 옵션 = "실행" >跑步</ 옵션 > 
</ 선택 >

<텍스트 영역> 도메인 태그 텍스트 </ 텍스트 영역> 자체는 매개 변수 값은 어떤 값이 없다 내용 체

특수 기호 : 등록 상표 및 등록 저작권 & 사본 (다른 하나는 도입되지 않은, 너무 많은 양보다 일반적인)

이들은 일반적인 HTML 태그 사이는 아니지만 가장 구체적이지만, 여전히 당신을 돕고 싶어요.

                                                      어서!

                                                  시간 : 2020년 3월 18일 1시 10분 57초

추천

출처www.cnblogs.com/Charles-H/p/Learning_HTML.html