HTML에 대해 아무것도 모르고 여전히 HTML을 시작하는 방법에 대해 걱정하고 있다면 저자는 HTML을 신속하게 마스터 할 수있는이 기사를 배우는 것이 좋습니다. 당신이 이미 HTML 전문가라면 더 나은 제안을 해주시기를 바랍니다.
요약HTML은 일반적으로 하이퍼 텍스트 마크 업 언어로 알려져 있습니다. Hyper TextMarkup 언어의 약어입니다. 웹 문서를 설명하는 데 사용되는 마크 업 언어입니다. 웹 페이지 파일 자체는 텍스트 파일 일뿐입니다. 텍스트 파일에 마커를 추가하면 브라우저에 내용을 표시하는 방법 (예 : 텍스트 처리 방법, 그림 정리 방법, 그림 표시 방법 등)을 알 수 있습니다. 이 마커는 HTML입니다. HTML을 배울 때이 마커를 배웁니다. 오늘날 우리는 주로 HTML 요소라고도하는 일반적인 HTML 마커를 배웁니다.
태그 요소태그 소개
HTML 요소는 하나 또는 한 쌍의 태그로 정의 된 다양한 포함을 포함합니다. 태그는 두 개의 문자열 <and> 표지판으로 구성되며 태그에는 시작 태그 <> 및 엔드 태그 </>가 포함됩니다.
HTML 태그 요소에는 네 가지 형태가 있습니다.
빈 요소 : <br>
속성이있는 빈 요소 : <hrfont = red>
내용이있는 요소 : <itile> 이것은 내용 </titile>입니다
내용 및 속성이있는 요소 : <fontcolor = red> 이것은 내용 </font>입니다
여기서 말해야 할 것은 HTML 문서에서 태그와 속성의 이름이 크기와 관련이 없다는 것입니다.
HTML 프레임 워크의 필수 요소<html> </html>는 문서의 시작과 끝을 의미합니다
<head> </head> 문서 헤더의 시작과 끝을 의미합니다.
<title> </title> 문서 제목의 시작과 끝을 나타냅니다.
<body> </body> 문서의 신체 텍스트의 시작과 끝을 나타냅니다.
HTML 댓글
형식은 부호 (<)보다 작고 느낌표 (!)는 부호보다 작고 느낌표는 공백이 없습니다. 다음은 두 개의 짧은 줄 (-), 댓글 내용, 마지막으로 두 개의 짧은 줄 (-)이며 부호 (>)보다 큽니다.
예를 들면 : <!-이것은 주석 내용입니다->
단락 제어와 관련된 태그<palign =#>
단락을 작성하십시오. 속성 Align은 단락의 정렬을 나타냅니다. #은 왼쪽, 중앙, 오른쪽, 정당화 될 수 있습니다.
<br>
기능은 선을 변경하는 것입니다
<hrcolor =#>
기능은 수평선을 삽입하는 것이며 속성 색상은 색상을 나타내는 데 사용됩니다.
텍스트 표시와 관련된 태그<centre>… </center>
텍스트를 중심으로하십시오
<hnalign =#> </hn>
기능은 문서의 제목을 나타내는 것입니다. n은 1에서 6까지의 정수, 한 번에 가장 큰 제목, 6은 가장 작은 제목이며, 왼쪽, 중앙 및 오른쪽을 포함한 제목 정렬을 설정하는 것입니다.
<fontsize = n color =#> ... </font>
글꼴을 설정하고 크기는 글꼴 크기, 정수는 1에서 7까지, 숫자는 클수록 글꼴이 클수록.
<b> ... </b>
텍스트를 대담하게 만드십시오.
<i>… </i>
텍스트를 이탤릭체로 만드십시오
목록 요소에 의해 생성 된 태그에이. 숫자 숫자로 목록을 작성하십시오.
<ol> ... </ol> 시작 속성을 사용하여 시작 시퀀스 번호를 설정하십시오.
<li> ... </li> 값 속성을 사용하여 목록의 시퀀스 번호 순서를 변경하십시오.
비. 프로젝트 준수로 목록을 만듭니다.
<ul> 및 <li>, 태그의 유형 속성은 기호의 스타일을 지정합니다.
단단한 원으로 표시되는 디스크;
정사각형, 고고 제곱을 표시합니다.
원, 개봉되지 않은 서클을 표시합니다
비. 서명되지 않은 목록을 만듭니다
<dl> 및 <dt> 태그는 서명되지 않은 목록을 만듭니다
<dd> 및 <dt>, 들여 쓰기 목록을 만듭니다
테이블 요소에 대한 태그웹 페이지 레이아웃에서 테이블의 역할은 중요하며 테이블은 <pable>에 의해 정의됩니다.
구체적인 정의는 다음과 같습니다
속성 테두리는 테이블 테두리의 너비를 정의하는 데 사용되며 속성 정렬은 테이블의 정렬을 설정하는 데 사용됩니다. bgcolor는 색상입니다.
<캡션>… </caption> 테이블의 제목을 정의하는 데 사용됩니다
<tr> ... </tr> 테이블에 새 행을 추가합니다
<th>… </th>는 테이블 헤더를 정의하는 데 사용됩니다
<td>… </td>는 세포를 정의하는 데 사용됩니다
HTML 대화식 양식양식은 주로 웹 페이지의 데이터 수집 기능을 담당합니다. 예를 들어, 양식은 일반적으로 웹 페이지와 상호 작용할 수있는 정보 및 입력 정보를 등록하는 양식입니다.
양식은 <form> ... </form> 요소를 사용하여 생성되며, 둘 사이에 다른 관련 요소 또는 컨트롤을 포함 시키므로 HTML 문서의 일부인 양식을 만들 수 있습니다.
양식 작성을위한 기본 구문은 다음과 같습니다.
<formmethod = get 또는 post action = url>…. </form>
속성 메소드는 양식 데이터를 서버로 전송하는 데 사용되는 HTTP 메소드를 지정하는 데 사용됩니다. Get 또는 Post로 수행 할 수 있습니다. 제출 된 데이터는 URL의 끝에 첨부되어 URL의 일부로 서버로 전송됩니다.
다음은 양식에 대한 몇 가지 일반적인 요소입니다.
<input> 요소는 사용자 입력 정보를 수신하는 데 사용됩니다. 속성이있는 빈 요소입니다. 구문은 양식으로 제어를 만드는 데 사용됩니다.
<inputtype = 유형 이름 = 이름 size = sizeValue = value '>
속성 유형은 생성 할 컨트롤의 유형을 지정하는 데 사용되며, 속성은 컨트롤의 이름을 지정하는 데 사용되며, 크기는 컨트롤의 초기 너비를 양식의 초기 너비를 지정하는 데 사용되며, 속성 값은 컨트롤의 초기 값을 지정합니다.
유형 유형은 다음 그림을 참조하십시오.
상자 요소를 나열하십시오사용자가 드롭 다운 메뉴에서 하나 이상의 항목을 선택할 수 있습니다. 목록 상자는 <select> 요소에 의해 생성되며 목록 상자의 옵션에는 <pootment> 요소가 제공됩니다.
멀티 라인 텍스트 입력 제어
<textReaname = 이름 행 = 행 수 cols = 열 수>… </textArea>
속성 행은 텍스트 상자 입력 제어의 시각적 영역에 표시된 텍스트 줄의 수를 지정하는 데 사용되며 COLS는 텍스트 입력 제어에 표시된 시각적 영역의 너비를 지정합니다.
하이퍼 링크 태그<ahref = url>… </a>
속성 HREF는 링크의 대상을 지정하는 데 사용됩니다. 대상 주소에는 URL 포지셔닝이 있습니다. 시작 태그 <a> </a> 사이의 텍스트는 브라우저에 표시된 링크 텍스트로 사용됩니다.
이미지 태그를 포함시킵니다 <img src = url 너비 = n 높이 = m> 속성 src 이미지 리소스의 위치를 지정합니다. 속성 너비와 높이는 이미지의 크기를 지정하는 데 사용됩니다. 여기서 SRC는 절대 경로 대신 상대 경로를 사용하려고 시도해야합니다.특수 문자 요소
특수 문자에는 문자 참조 및 엔티티 참조가 포함됩니다. 아래에서 우리는 일반적으로 사용되는 것들을 요약합니다.
요약우리는 가장 많이 사용되고 가장 기본적인 태그 요소를 요약했습니다. 이 가장 기본적인 것들을 마스터하면 주니어 HTML이 될 수 있습니다. 간단한 HTML 웹 페이지를 작성하는 것은 문제가되지 않으며, 이는 향후 추가 학습을위한 토대를 마련합니다.