>웹 프론트엔드 >H5 튜토리얼 >HTML5 자율 학습 노트

HTML5 자율 학습 노트

黄舟
黄舟원래의
2016-12-28 17:09:241452검색

1. HTML을 배우는 이유 3. 태그

(단일 태그 및 이중 태그)

사이트 구축:

폴더 구축

홈페이지 : index.html

home.html

html 기본 구조

문서 설명

문자 집합 문자 집합 "UTF-8" 국제 인코딩 "GB2312" 단순화됨 중국어 인코딩




4, 일반적으로 사용되는 태그

h1 태그 이중 태그 큰 제목 태그

1a6dcb5d2cdb4df853d1d41f58396ffb h1 태그는 페이지에 한 번만 나타날 수 있습니다

align-attribute 수평 정렬
<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>京东</title>
</head>
<body>
<h1>京东618</h1>
<h2>party on</h2>
</body>
</html>

left/right/center-attribute value



h1-h6 총 6단계 제목

p 태그 단락 이중 태그

특수 기호 공백

076402276aae5dbec7f672f8f4e5cc81 단일 태그 줄 바꿈

f32b48428a809b51f04d3228cdf461fa 가로줄 제목 끝

64a2cb68e05c71618763482b0c22ed86

5a8028ccc7a7e27417bff9f05adf593272ac96585ae54b6ae11f849d2649d9e6 기울임

907fae80ddef53131f3292ee4f81644bd1c6776b927dc33c5d9114750b586338 경사 강조는

8e99a69fbe029cd4e2b854e244eab143128dba7a3a77be0113eb0bea6ea0a5d0 🎜>a4b561c25d9afb9ac8dc4d70affff419< ;/b>굵게

45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114특수 처리가 필요한 텍스트 인라인 요소

dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68차단 -level 요소가 주로 사용됩니다. CSS

a1f02c36ba31691bcfe87b2722de723b 단일 태그

fbb913bdcc00277dcefb006e9d93922a

3가지 유형의 목록

순서가 지정되지 않은 목록




순서가 지정된 목록




정의 목록

<ul type="disc">
disc:圆点 circle:圆圈 square 正方形
<li>列表项</li>
</ul>

태그, 하이퍼링크 태그, 내부 링크용 웹 페이지 및 웹 사이트 외부 링크.

<ol type="a" start="只能写数字">
a 1 I A
<li>列表项</li>
</ol>

리소스 주소:

내부 링크: html 파일, 그림, 영화, 음악, 압축 파일, 워드 문서, PPT,,,

<dl>
<dt>列表项</dt>
<dd>描述项</dd>
</dl>
외부링크: http://www.baidu.com


경로:

상대경로
<a href="资源地址" target="_self(自身窗口打开)/_blank(新窗口打开)">文字或者图片</a>

1: 두 개의 파일이 같은 폴더에 있을 경우, 직접 작성 파일 이름.

2: 두 파일이 서로 다른 폴더에 있습니다. ../를 사용하여 상위 파일을 나타냅니다.

3: 한 파일은 폴더 안에 있고, 한 파일은 폴더 안에 있습니다. 밖의. 폴더 이름 직접 쓰기

절대 경로

로컬 머신: E: Zuo Lin 학습 노트

네트워크: http://www.xxx.com/xxx/ xxx

웹 페이지에서 일반적으로 사용되는 이미지 형식:

gif: 애니메이션 지원, 투명도 지원, 최대 256색 저장, 손실 압축

jpg(jpeg): 지원 안 함 애니메이션 지원, 투명도 미지원, 풍부한 색상, 손실 압축

png: 애니메이션 미지원, 투명도 지원, 풍부한 색상, 무손실 압축

댓글 태그

d24c253d452a0450ad73c32808fd88a9

Photoshop 자르기 및 단축키

ctrl+r 눈금자 표시

F8 정보 표시

ctrl +alt +z 다단계 실행 취소

ctrl+z 한 단계 실행 취소

ctrl+N 새 빈 캔버스 만들기

ctrl+D 선택 취소

ctrl+o 열기

ctrl+t 자유변형


위 내용은 HTML5 자습 노트 내용이며, 더 많은 관련 내용은 PHP 중국어를 참고해주세요. 홈페이지(www.php.cn)!




성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.