HTML 시작하기 - 하루 만에 HTML 익히기

추가

html에 대해 아무것도 모르고 어떻게 시작해야 할지 아직도 고민 중이라면, 이미 html을 빨리 마스터하는 데 도움이 될 이 글을 읽어보시길 권합니다. HTML 전문가 전문가님, 저에게 더 나은 제안을 주실 수 있기를 바랍니다.

요약

HTML은 일반적으로 HyperText Markup Language로 알려져 있으며 Hyper TextMarkup Language의 약자로 웹페이지 문서를 기술하는 데 사용되는 마크업 언어입니다. 웹 페이지 파일 자체는 단지 텍스트 파일일 뿐입니다. 텍스트 파일에 마크 기호를 추가하면 브라우저에 콘텐츠 표시 방법(예: 텍스트 처리 방법, 그림 정렬 방법, 그림 표시 방법 등)을 알릴 수 있습니다. ) 이 마크 기호는 우리가 HTML로 배우는 것입니다. 오늘날 우리는 html 요소라고도 하는 몇 가지 일반적인 html 마크 기호,

태그 요소

태그 소개

html 요소는 포함 범위를 정의하는 하나 또는 한 쌍의 태그로 구성됩니다. 레이블은 "" 두 개의 문자열로 구성됩니다. 레이블에는 시작 태그 ""와 끝 태그 ">"가 포함됩니다.

html 태그 요소에는 네 가지 형식이 있습니다.

빈 요소:

속성이 있는 빈 요소: 콘텐츠가 있는 요소:This is content

콘텐츠와 속성이 있는 요소:This is Content

여기서 한 가지 말씀드릴 점은 HTML 문서에서 태그와 속성의 이름은 크기와 아무런 관련이 없다는 것입니다.

html 프레임워크의 필수 기본 요소

문서의 시작과 끝을 나타냅니다

는 문서 헤더의 시작과 끝을 나타냅니다.

은 문서 제목의 시작과 끝을 나타냅니다.

> ; 문서 본문의 시작과 끝을 나타냅니다.

html 주석

형식은 미만 기호( ).

예:

단락 제어 관련 태그

단락을 만듭니다. align 속성은 # 왼쪽, 가운데, 오른쪽 정렬이 가능함을 나타냅니다.

줄 바꿈 기능

줄 바꿈 기능 가로선에서는 속성 색상을 사용하여 색상을 나타냅니다.

텍스트 표시 관련 태그

…

텍스트 중앙 정렬

은 문서의 제목을 나타내는 데 사용되며, n은 1~6의 정수, 한 번은 최대 제목, 6은 최소 제목, align 왼쪽, 가운데, 오른쪽을 포함하여 제목 정렬을 설정하는 것입니다

...

글꼴을 설정합니다. 크기는 글꼴 크기이며 1에서 7까지의 정수이며 숫자가 클수록 글꼴이 커집니다.

...

텍스트를 굵게 표시하세요.

…

텍스트를 기울임꼴로 만들기

목록 요소로 생성된 태그

a . 번호가 매겨진 목록을 만듭니다.

...

시작 속성을 사용하여 시작 일련 번호를 설정합니다.

...

목록에 있는 숫자의 순서를 변경하려면 value 속성을 사용하세요.

b.

및
• 와 일치하는 항목으로 목록을 생성하고 해당 태그의 유형 속성은 기호의 스타일을 지정합니다. :

  디스크는 채워진 원으로 표시됩니다.

  정사각형은 채워지지 않은 정사각형으로 표시됩니다.

  빈 원을 표시하는 원

  b. 서명되지 않은 목록을 생성합니다.

  기호

  및

  , 들여쓰기 목록 생성

  웹 레이아웃의 테이블 요소

  테이블에 대한 레이블 테이블은

  에 의해 정의됩니다.

  은 구체적으로 다음과 같이 정의됩니다.

  테두리 속성 는 테이블 테두리의 너비를 정의하는 데 사용되며 align 속성은 테이블 정렬(왼쪽, 오른쪽 또는 가운데)을 설정하는 데 사용됩니다. bgcolor는 색상입니다.

  테이블 제목을 정의하는 데 사용됩니다.

  ...추가 테이블의 새 제목

  는 헤더를 정의하는 데 사용됩니다.

  🎜>

  html 대화형 양식

  양식은 주로 웹 페이지의 데이터 수집 기능을 담당합니다. 예를 들어 우리는 일반적으로 웹과 상호 작용하기 위해 정보를 등록하고 정보를 입력합니다. 페이지.

  양식은 ... 요소 사이에 다른 관련 요소나 컨트롤을 삽입하여 HTML 문서의 일부로 양식을 만들 수 있습니다.

  양식 작성을 위한 기본 구문은 다음과 같습니다.

  ….

  속성 메서드 서버에 양식 데이터를 보낼 때 사용되는 HTTP 메서드(get 또는 post)를 지정하는 데 사용됩니다. 제출된 데이터는 URL 끝에 추가되어 URL의 일부로 서버에 전송됩니다.

  다음은 양식에서 일반적으로 사용되는 요소입니다.

  
  

  요소는 사용자가 입력한 정보를 받는 데 사용됩니다. 속성이 있는 요소입니다. 양식에서 컨트롤을 만드는 데 사용되는 요소입니다. 구문은

  사용자가 드롭다운 메뉴에서 하나 이상의 항목을 선택할 수 있습니다. 목록 상자는 요소이며 목록 상자의 각 옵션은 행 텍스트 입력 컨트롤

  ...

  속성 행은 텍스트를 지정하는 데 사용됩니다. 상자 입력 컨트롤의 시각적 영역에 표시되는 텍스트 줄 수, cols는 시각적 영역의 너비를 지정합니다. ​​텍스트 입력 컨트롤

  하이퍼링크 라벨
  

  href 속성이 사용됩니다. 링크의 대상을 지정합니다. 대상 주소에는 URL 위치가 있으며 시작 태그 사이의 텍스트는 브라우저에 링크 텍스트로 표시됩니다.

  .

  삽입된 이미지 태그

  src 속성은 이미지 리소스의 위치를 ​​지정하고, width 및 height 속성은 크기를 지정하는 데 사용됩니다. 여기서 주의해야 할 점은 src가 절대 경로 대신 상대 경로를 사용해야 한다는 것입니다.

  특수문자 요소

  특수문자에는 문자 참조와 엔터티 참조가 포함됩니다. 아래에서는 일반적으로 사용되는 항목을 요약합니다.

  

  요약

  가장 많이 사용되는 기본 태그 요소 중 일부를 요약했습니다. 이러한 기본 사항을 마스터하면 빠르게 초보 HTML 사용자가 되어 간단한 HTML 웹 페이지를 작성할 수 있습니다. 이는 문제가 되지 않으며 향후 추가 학습을 위한 기반을 마련합니다

  위 내용은 html에 대한 소개입니다. - 하루 만에 빠르게 마스터할 수 있는 콘텐츠입니다. 더 많은 관련 콘텐츠를 보려면 다음을 주목하세요. PHP 중국어 홈페이지(www.php .cn)!
  

  
  

  …

  …	…