1. 먼저, 프론트 엔드 무엇인지 살펴 보자, 간단하게, 우리가 일반적으로 웹, 아,뿐만 아니라 애플 리케이션 홈 및 애플릿을 찾아 볼 것.
2, 우리는 종종 종종 URL을 입력뿐만 아니라 도메인 이름 HTTP :. //Www...com로 알려진 브라우저의 시간을 방문
때로는 때로는 그것이 HTTP HTTPS이며, 둘 사이의 차이는 후자가 더 안전하다는 것이다 이 키. WWW는 월드 와이드 웹, 접미사 COM, 조직, 에듀, CN 및라는 DNS 도메인 이름입니다.
3, 기본적인 웹 개발 및 디자인 중 하나는 HTML입니다. HTML의 기본 프레임 워크는 다음과 같은 구성 요소가 있습니다 :
구조
<HTML>
<! DOCTYPE HTML> 선언 .// 페이지 유형
LANG = "EN"// CH 언어 EN
<메타 문자 집합 = "UTF-8"> // 태그 정보의 캐릭터 세트 = 코딩 형 "UTF-8"페이지 UTF-. 8
<HEAD>
<TITLE> 타이틀 </ TITLE>
</ head>
<body>
요약
</ BODY>
</ HTML>
이상의 태그 과정의 마지막으로 폐쇄되어있다 및 자폐증.
3,의 개발 환경을 구성 할 수 있습니다, HTML의 구조에 대해 알아, 내가 소프트웨어 JetBrains의 WebStorm10 사용.이 소프트웨어는 돈, 다음 글꼴 크기를 설정하려면 파일 - 설정 - 글꼴 색 또는 Alt + Ctrl + S를 입력 먼저 로그인 색상. 그런 다음 파일 - 새로운 dicrectory 새로운 디렉토리를 만들고,이 디렉토리에있는 파일 새로운 HTML5 파일 HTML5 파일을 구축 할 수 있습니다.
4. 파일을 생성 한 후, 기본 사용과 관련된 라벨의 이해
도 빠르게 할 수 있습니다 ALT + F2 또는 브라우저의 오른쪽 상단을
다른 장소 언론 Alt 키 + 마우스 클릭, 당신은 입력 할 수있는 동일한 텍스트가
각 라인 Ctrl 키의 끝에 선이었다 + D 복사
입력 lorem에 눌러 탭 키, 텍스트가 테스트에 추가 될 수있다
탭 키 P *의 수치, 다중 회선 레이블 P를 입력
5 페이지 생성
, 편집 내용에 따라 웹 디자인 일반적으로 사용되는 태그를 신체를
a) 하이퍼
<a href="链接的目标地址" target="打开目标窗口"> </a>를
목표 : 새로운 윈도우에 _blank 열리면
_parent 소스 창 앵커에서 연다 :
하나는 같은 페이지에서 다른 위치로 이동
앵커의 위치, <a name="名称"> </a>에서 점프를 추가 할
내용 </을 클릭 href="#锚记名称"> 링크 <a를 만들 A>
2, 다른 위치의 다른 페이지로 이동하는
점프 위치, <a name="名称"> </a>에서 앵커를 추가
클릭 href="文件名#锚记名称"> 컨텐츠 링크 <a를 만들 < / A>
MAILTO : 이메일 주소 b) 메시지를 보내
c) 경로 :
절대 경로 : 시작부터 루트
상대 경로 : 현재 디렉토리부터
종래 라벨) D
수평 <시간 폭 = "폭"컬러 = "색상"사이즈 = "선 굵기" />
! HTML 주석 <- 주석 텍스트 -> CTRL + + / 이동
<BR/> 포장
공간 : 전체 각도에 따라 공간
헤더 H6을 ~의 H1
<전> </ 사전> 사전 포맷
<EM> </ EM> 기울임 <I> </ 내가>
<B> </ B> 굵은 글씨의 <strong> </ STRONG>
<빅> </ 빅> 확대 <작은> </ 작은>
<코드> </ 코드> 위 코드
<델 > </ 삭제> 취소
첨자 <서브> </ 서브>
첨자 <SUP> </ SUP>
단위 픽셀의 비율 (PX) (%) 전각 REM
화상 삽입 라벨 :
<IMG SRC에 = "이미지 경로"ALT = "프롬프트 메시지"제목 = "이미지 정보"폭 = "이미지 폭"높이 = "상고"/>
E) 표
<표 테두리 = "경계선"cellspacing = "경계 셀 간격"의 cellpadding = "셀 채우기"폭 = "표 폭">
<캡션> 헤더 </ 캡션>
<TR>
<TH> 헤더 행 </ TH>
</ TR>
<TR = 왼쪽 정렬 = "다른 방법">
<TD> 셀 </ TD>
</ TR>
</ 표>
열 전체 은행 간
열 결합 ROWSPAN
F)의리스트
순서화 목록
<UL은 TYPE = "의">
<LI> </ 리>
</ UL>
유형 : 디스크 (기본 솔리드 서클) 사각형 상자 원형 중공 원
정렬 된 목록
<올 타입 = ""시작 = "" >
<LI> </ 리>
</ OL>
타입 : I. 1 I A A 시작 : 위치 시작
맞춤리스트
<DL>
<DT> </ DT>
<DD> </ DD>
</ DL>
G) 폼
입력란 <input 타입 = "텍스트"/ >
암호 상자 <input 타입 = "비밀번호"/ >
라디오 버튼 <input 타입 = "라디오"/ >
상자 <input 타입 = "체크 박스"/ >
파일 필드 < 입력 TYPE = "파일"/>
버튼 <input 타입 = "제출"/ > 제출
<INPUT TYPE = "초기화"/ >重置
<input 타입 = "버튼"값 = "值"/>
<버튼> </ 버튼>
下拉列表
<선택>
<선택> </ 옵션>
<옵션 선택> </ 옵션>
</ 선택>
텍스트 필드
<텍스트 영역 행 = "로우"COLS = "컬럼의 숫자"> </ 텍스트 영역>
H) 양식 패킷
<FIELDSET>
<전설> </ 전설>
이름 : ~ ~
</를 FIELDSET>
라벨 태그