HTYPER 텍스트 마크 업 언어, 즉 하이퍼 텍스트 마크 업 언어
HyperText : 이는 페이지에 그림, 링크 및 음악, 프로그램과 같은 텍스트 요소가 포함될 수 있음을 의미합니다.
마크 업 언어 : 마크 (라벨)로 구성된 언어.
웹 페이지 == HTML 문서, 브라우저가 구문 분석하여 표시하는 데 사용됩니다.
정적 웹 페이지 : xxx.html과 같은 정적 리소스
동적 웹 페이지 : HTML 코드는 사용자 요청에 따라 개발 언어에 의해 동적으로 생성됩니다.
다음은 HTML 파일의 트리 구조 다이어그램입니다.
태그 개념 :• 한 쌍의 각도 괄호로 감싸는 단어로 구성됩니다. 예를 들어 : <html> *모든 태그의 단어는 숫자로 시작할 수 없습니다.
• 태그는 사례에 민감합니다. <html> 및 <html>. 소문자가 권장됩니다.
• 태그는 시작 태그 <a>와 엔드 태그 </a>의 두 부분으로 나뉩니다. 두 태그 사이의 부분을 태그 본문이라고합니다.
• 일부 태그 기능은 비교적 간단합니다. 하나의 태그 만 사용하십시오. 이 태그를 자폐증 및 태그라고합니다. 예를 들어 : <br/> <hr /> <입력 /> <img />
• 태그를 중첩 할 수 있습니다. 그러나 그들은 신경을 쓰지 않을 수 없습니다. <a> <b> </a> </b>
태그의 속성 :• 일반적으로 키 값 쌍의 형태로 나타납니다. 예를 들어, 이름 = Alex
• 속성은 시작 태그 또는 자폐증 및 태그에만 나타날 수 있습니다.
• 속성 이름은 모두 소문자입니다. *속성 값은 이중 인용문 또는 단일 따옴표로 래핑해야합니다 (예 : name = alex)
• 속성 값과 속성 이름이 정확히 동일하다면 속성 이름을 직접 작성하십시오. 예를 들어, Readonly
2. 헤드의 주요 태그 소개• 메타 태그 구성 : 메타 태그에는 각각 두 가지 속성, 이름 속성, http-equiv 속성 및 이름 속성이 있습니다. 속성마다 매개 변수 값이 다르며 이러한 다른 매개 변수 값은 다른 웹 페이지 기능을 실현합니다.
1 이름 속성은 주로 웹 페이지를 설명하는 데 사용되며 해당 속성 값은 내용입니다. 컨텐츠의 컨텐츠는 주로 검색 엔진 로봇에서 정보를 찾고 정보를 분류하기 위해 사용합니다.
<meta name = keywordscontent = meta summary, html meta, meta 속성, 메타 점프>
<meta name = descriptionContent = Old Boy Training Institution은 늙은 소년에 의해 만들어졌습니다.
이름에서 알 수 있듯이 2 http-equiv는 http의 파일 헤더와 동일합니다. 유용한 정보를 브라우저에 전달하여 웹 페이지 컨텐츠를 올바르게 표시하고 정확하게 표시 할 수 있습니다. 해당 속성 값은 내용입니다. 컨텐츠의 내용은 실제로 각 매개 변수의 변수 값입니다.
<meta http-equiv = reformContent = 2; url = https : //www.vevb.com> // (이후에 인용문은 각각 초 전과 URL 이후에)
<meta http-equiv = content-typecontent = text/html; charset = utf8>
<meta http-equiv = x-ua 호환 내용 = ie = edge, chrome = 1>
• <title> Old Boy </title>
• <link rel = icon href = http : //www.jd.com/favicon.ico>
3. 바디 태그 기본 태그 :<hn> : n의 값 범위는 1 ~ 6입니다. 큰 것부터 작은 것까지. 제목을 나타내는 데 사용됩니다.
<p> : 단락 태그. 패키지의 내용은 줄을 묶습니다. 상단과 하부 내용 사이에는 빈 선이 있습니다.
<b> <strong> : 굵은 태그.
<THITK> : 텍스트에 중간 선을 추가하십시오.
<em> : 텍스트는 이탤릭체가됩니다.
<sup> 및 <sub> : 상단 코너 마커와 하단 코너 테이블.
<br> : 브랜드 라인.
<HR> : 수평선
<p> <span>
블록 레벨 및 인라인 태그
블록 레벨 태그 : <P> <H1> <TABLE> <OL> <ul> <Form> <P>
인라인 태그 : <a> <input> <img> <sub> <sup> <TextRea> <span>
블록 요소의 특성① 항상 새로운 라인에서 시작하십시오.
② 높이, 선 높이, 외부 마진 및 내부 마진을 제어 할 수 있습니다.
wide 기본 너비는 너비가 설정되지 않는 한 컨테이너의 100%입니다.
∎ 인라인 요소 및 기타 블록 요소를 수용 할 수 있습니다.
인라인 요소의 특성①와 다른 요소는 같은 줄에 있습니다.
② 높이, 선 높이, 외부 마진 및 내부 마진을 변경할 수 없습니다.
③ 너비는 텍스트 나 그림의 너비이며 변경할 수 없습니다.
④ 인라인 요소는 텍스트 또는 기타 인라인 요소 만 수용 할 수 있습니다.
라인 내의 요소의 경우 다음에주의를 기울이십시오.
설정 너비가 잘못되었습니다.
설정 높이가 유효하지 않아 라인 높이를 통해 설정할 수 있습니다.
여백 설정 마진 만 유효하지만 상단 및 하단 부품은 유효하지 않습니다.
왼쪽 및 오른쪽 패딩 만 패딩하는 것이 유효하지만 위아래로 유효하지 않습니다. 요소의 범위는 증가했지만 요소 주변의 내용에는 영향을 미치지 않습니다.
특수 문자 :& lt; & gt; & quot; & copy; & reg;
그래픽 태그 <Img> :
SRC : 이미지를 표시하는 경로.
ALT : 이미지가 성공적으로로드되지 않은 경우 프롬프트.
제목 : 마우스가 매달리면 프롬프트 메시지.
너비 : 그림의 너비
높이 : 그림의 높이 (너비와 높이의 두 특성 중 하나만 자동으로 균등하게 확장됩니다.)
하이퍼 링크 태그 <a> :
HREF : 연결해야 할 리소스 경로는 다음과 같습니다. href = https : //www.vevb.com
대상 : _blank : 새 창에서 하이퍼 링크를 엽니 다. 프레임 이름 : 지정된 프레임에서 연결 컨텐츠를 엽니 다.
이름 : 페이지의 북마크를 정의합니다.
href : #bookmark 이름을 점프하는 데 사용됩니다.
목록 태그 :<ul> : 정렬되지 않은 목록
<ol> : 주문 목록
<li> : 목록의 각 항목.
<dl> 정의 목록
<dt> 목록 제목
<dd> 목록 항목
테이블 태그 <table> :
국경 : 테이블 테두리.
CellPadding : 내부 마진
셀 패싱 : 마진.
너비 : 픽셀 백분율. (CSS를 통해 길이와 너비를 설정하는 것이 가장 좋습니다)
<tr> : 표 행
<th> : 테이블 헤드 셀
<td> : 테이블 데이터 셀
Rowspan : 셀이 수직으로 얼마나 많은 행을 하는가?
Colspan : 세포가 많은 컬럼 수 (즉, 셀 병합)
<th> : 테이블 헤더 <TBody> (일반적으로 사용되지 않음) : 테이블을 분할합니다.
양식 태그 <form>
양식은 데이터를 서버로 전송하는 데 사용됩니다.
양식에는 텍스트 필드, 확인란, 라디오 상자, 제출 버튼 등과 같은 입력 요소가 포함될 수 있습니다.
양식에는 Textarea, Select, Fieldset 및 레이블 요소도 포함 할 수 있습니다.
1. 양식의 속성HTML 양식은 다른 유형의 사용자 입력을 수신하는 데 사용됩니다. 사용자가 양식을 제출하면 데이터가 서버로 전송되어 사용자와 웹 서버 간의 상호 작용을 실현합니다. 태그를 작성하십시오. 제출할 모든 것이 해당 태그에 있어야합니다.
조치 : 양식을 제출할 위치. 일반적으로 서버의 프로그램을 가리 킵니다. 이 프로그램은 https://www.sogou.com/web와 같은 해당 처리에 대해 양식 (즉, 양식 요소 값)으로 제출 된 데이터를 수신합니다.
방법 : 양식은 Post/Get에 의해 제출됩니다. 기본값은 get (봉투)입니다.
get : 1. 제출 된 키 값 쌍. 주소 표시 줄에 URL을 배치하십시오. 2. 비교적 열악한 보안. 3. 제출 된 내용의 길이에 제한이 있습니다.
게시물 : 1. 제출 된 키 값 쌍은 주소 표시 줄에 없습니다. 2. 보안은 상대적으로 높다. 3. 제출 된 내용의 길이에는 이론적 제한이 없습니다.
GET/POST는 두 가지 일반적인 요청 방법입니다.
2. 형태 요소<입력>
유형:
텍스트 텍스트 입력 상자
암호 비밀번호 입력 상자
라디오 라디오 선택 상자
확인란 여러 선택 상자
제출 버튼
버튼 버튼 (JS와 함께 사용해야합니다.) 버튼과 제출의 차이점은 무엇입니까?
파일 제출 파일 : 양식 양식을 추가해야합니다.
XML/HTML 코드 복사 컨텐츠를 클립 보드에 복사합니다