简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

처음부터 HTML/CSS - HTML 기본 사항(1)

高洛峰
풀어 주다： 2016-10-09 15:29:01
원래의
976명이 탐색했습니다.

1. 웹 표준

1.1 구조

(1)xhtml(Extensible Hypertext Markup Language) Extensible Hypertext Markup Language
(2)W3C(세계) 와이드 웹 컨소시엄) 월드 와이드 웹 컨소시엄

a. 구조(xhtml, xml), 성능(css) 및 표준을 개발했습니다.

1.2 성능

(1) CSS(Cascading Style Sheets) Cascading Style Sheet

1.3 동작

(1) ECMA(Europan Computer Manufactures Association) 유럽 ​​컴퓨터 시장 협회
a. 행동형 DOM(Document Object Model) 텍스트 객체 모델 개발
b. ECMAscript 표준

2. HTML 기본 구조 

<!doctype html>
<html>
  <head>
  <meta charest="utf-8">     <!--编码格式-->
  <title></title>
  </head>
  <body>
  <h1></h1>                   <!--标题-->
      .
      .
      .
  <h6></h6>
  <p></p>                      <!--段落-->
  </body>
</html>
로그인 후 복사

3. 기본 구문

3.1 일반 태그

<태그 속성 1="속성 값 1" 속성 2="속성 값 2" >< ;/mark>
는 다음과 같습니다:
;
다음과 같습니다:

-horizontal line-& gt;

br/& gt; 목록

a. 순서가 있는 목록


b, 순서가 없는 목록

c, 사용자 정의 목록

참고: dd 가능 반복되지만 하나의 dt만 허용됩니다.

Ordered 목록의 매개변수는 style="A", start="3"입니다. //첫 번째 시퀀스는 C에서 시작됩니다.

4.2 이미지 태그

이미지(삽입 오류 시) 대체 텍스트

4.3 Ultra 링크

경로는 절대 경로(https//www.baidu. com), (images/inder.html)과 같은 상대 경로.
대상 기본 속성 값은 _self입니다. _blank는 새 창을 여는 것입니다

4.4 블록 태그

지침: a. 블록 사이의 자동 줄 바꿈
b. p 블록이 너비와 높이를 제한하고 내용이 중국어인 경우 자동으로 줄 바꿈되며 줄바꿈되지 않으면 오버플로됩니다. .

참고: a. 너비와 높이는 제한될 수 없으며 텍스트 길이에 따라 변경됩니다.

4.5 테이블 태그

1. 구문:

2. 설명; 테이블의 너비와 높이를 지정한 후 속성을 사용할 때 cellpadding, 주어진 경우 너비가 설정된 너비와 높이를 초과하면 테이블이 늘어납니다.


 
 
                                                                                  tr 행 --> 행 병합
구문: rowspan= "3" //3개 행 병합

4, form
a, form box
구문:

지침:

b. 텍스트 상자


c. box

d. 라디오 버튼

다음과 같습니다:
남성
여성

e, 다중 선택 상자

메이트 선택 기준


185
黑
남성
Northeast

disabled="disabled"(비활성화됨 , 비활성화)
checked="checked"(기본값 선택)
f, 재설정
(1) 위에 입력)
g, 버튼
(1)
(2)

참고: 버튼이 라벨로 사용되는 경우


🎜>

관련 라벨：
HTML/CSS
원천：php.cn
이전 기사：[HTML 요소] 이미지 삽입 방법 다음 기사：HTML+CSS 기본
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
에서 2024-04-16 10:10:18
0
0
1335
PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...
에서 2024-04-16 09:34:16
0
0
4687
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
Javafx에서 인라인 CSS 스타일을 동적으로 수정합니다. 응용프로그램이 최대화되었을 때 창의 배경 이미지를 변경하려고 합니다. 내 배경은 인라인 CSS를 사용하여 설정됩니다. 스타일에 대해 두 개의 다른 변수와 if 문...
에서 2024-04-06 20:57:16
0
1
487
CSS에서 부동 요소를 수평이 아닌 수직으로 쌓는 방법은 무엇입니까? 한쪽에는 기본 콘텐츠가 있고 다른 한쪽에는 추가 콘텐츠가 있는 두 개의 열로 구성된 웹페이지를 만들려고 합니다. 하지만 float 속성을 사용하여 추가 열을 왼쪽...
에서 2024-04-06 20:45:26
0
2
386
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！