웹 프론트엔드 HTML 튜토리얼 HTML 태그에 대한 자세한 설명

HTML 태그에 대한 자세한 설명

Dec 16, 2016 pm 02:33 PM
HTML 태그

-- HTML 태그 상세 설명
HTML 명령어 상세 설명
구조


Title<title> <br><br> ..........파일 내용..........


1.
..........
2. 파일 업데이트--
[1]10초 후 자동으로 한 번 업데이트
 
【2】10초 후 자동으로 다른 파일에 연결

3. 쿼리 양식-- 쿼리 필드 앞에 프롬프트 텍스트를 설정하려는 경우:
 
4. 기본 참조 경로 --

레이아웃
1. 제목 텍스트 .... .#> #= 1~6; h1은 가장 큰 글꼴, h6은 가장 작은 글꼴
2. 글꼴 변경 .... .....
[1]글꼴 크기 ........... ......
[3] 텍스트 색상 .............. rr: 빨간색(빨간색) 색상 코드 gg: 표 녹색(녹색) 색상 코드 bb: 표 파란색(파란색) 색상 코드
3. 작은 글꼴을 표시합니다. .........
5. 볼드체 ..........
6. 이탤릭체 ... .......
7. 타자기 글꼴 ..........
8. 결론 . .....
9. 취소선.....
10.아래첨자.........
14. 분할


15. 텍스트 정렬 방향

# 숫자 왼쪽일 수 있음: 테이블이 왼쪽(기본값)으로 정렬됨: 테이블은 오른쪽 중앙에 정렬됩니다. 추신:

뒤의 텍스트는 다른 정렬이 나타날 때까지 표시됩니다. 정렬 방향으로 설정하거나


태그를 만나면 자동으로 기본 왼쪽 정렬로 돌아갑니다.
16. 구분선 <hr>
【1】구분선 굵기 <hr 크기=포인트>
【2】구분선 굵기 <hr 크기=포인트 또는 백분율>
【3】 구분자 정렬 방향
# 왼쪽 가능 : 테이블 왼쪽 정렬 (기본값) 가운데 : 테이블 가운데 정렬 오른쪽 : 테이블 오른쪽 정렬
【4】 구분선 색상
【5】실선 구분선 <hr noshade>
17. 중앙에 정렬 <center>..........
18. 원본 스타일 표시
..........
로그인 후 복사

19. 지시어 속성
[1] 배경색 -- bgcolor
[2]배경 패턴 -- background
[3]배경 패턴을 스크롤하지 않도록 설정 -- bgproperties
【4】파일 내용 텍스트 색상 -- 텍스트
[5]하이퍼링크 텍스트 색상 -- 링크
[6]하이퍼링크 텍스트 색상 선택 중 -- vlink <body vlink=#rrggbb>
【7】링크된 하이퍼링크의 텍스트 색상 -- alink <body alink=#rrggbb>
20. ..-->21. 특수문자 표현
기호 구문
공백   &ススsp


사진
1. 사진 삽입 HTML 태그에 대한 자세한 설명
2. 프레임 설정 - 테두리 HTML 태그에 대한 자세한 설명
3 .Set 그래픽의 크기 -- widthⅱheight HTML 태그에 대한 자세한 설명
4. 그래픽의 상하좌우를 공백으로 설정 -- vspaceⅱhspace
5. 그래픽 노트설명 텍스트
6. 사진 미리 불러오기
HTML 태그에 대한 자세한 설명 P.S. 두 사진의 그래픽 크기는 동일해야 합니다
7. 이미지 맵 HTML 태그에 대한 자세한 설명

<area Shape=shape coords=area Coord list href="연결점의 URL">
<area Shape=shape coords=area Coords list href="연결점의 URL">
< Area Shape=shape coords=area Seat 대상 목록 href="접속점의 URL"> </map>  
【1】도형 정의 -- 모양
      Shape=직사각형: 직사각형         Shape=원: 원             Shape= 폴리: 다각형                                        ]면적 정의 -- 좌표
a. 직사각형: 4개의 숫자를 사용해야 하며 처음 두 숫자는 왼쪽 상단 좌표, 마지막 두 숫자는 오른쪽 하단 좌표입니다
예: <면적 모양=직선 좌표= 100,50,200,75 href="URL">
b.원: 세 개의 숫자를 사용해야 하며, 처음 두 개의 숫자는 원의 중심 좌표이고, 마지막 숫자는 반경 길이입니다
예: <area Shape= Circle coords=85,155,30 href="URL">
c. 임의의 모양(다각형): 모양의 각 전환점 좌표를 입력합니다. order
예: <area shape=poly coords=232,70,285 ,70,300,90,250,90,200,78 href="URL">
Table
1. 테이블을 정의합니다.... .....
【1】설정 테두리의 두께 -- border


【2】그리드의 너비 설정 -- 셀 간격

【3】데이터 및 그리드 설정 Line distance -- cellpadding

【4】테이블 너비 조정 -- 너비

[5]테이블 높이 조정 -- 높이

[6]테이블 배경색 설정 -- bgcolor
【7】테이블 테두리 색상 설정 -- bordercolor

2. 그리드 선 표시
3. 테이블 제목
. ......
표 제목 위치 -- align

5. 정의 필드 «1»
숫자 #은 위쪽일 수 있습니다. 표 제목은 표 위에 배치됩니다(기본값)
하단: 테이블 제목이 테이블 아래에 배치됩니다.
4 .정의 열
: 왼쪽 정렬
«2»
: 가운데 정렬 ⅱ 굵은 글씨
【1】가로 위치 -- align

#개 숫자 왼쪽 가능: 왼쪽 정렬
가운데: 가운데 정렬 오른쪽: 오른쪽 정렬
【2】세로 위치 -- 정렬 <th align=" #"> 숫자 #은 다음과 같습니다.
상단: 위쪽으로 정렬 중간: 가운데로 정렬
하단: 아래쪽으로 정렬
【3] 필드 너비 -- width

【4】필드의 수직 병합 -- rowspan

【5]Horizontal merging of fields -- colspan

List
1. 디렉터리 목록
  • 항목 1
  • 항목 2
  • 항목 3
  • P.S. 디렉토리 목록의 각 항목은 20자를 초과할 수 없습니다(예: 한자 10자)
    2. 옵션 목록
  • 항목 1
  • 항목 2
  • 항목 3
    3. 일련번호 목록
    1. 프로젝트 1
    2. 프로젝트 2
    3. 프로젝트 3

    【1】일련번호 형식 --
      또는
    1. 유형 # 번호는 A: 영문 대문자 AⅱBⅱCⅱD... 가 프로젝트 번호로 사용됩니다. a: 영문 소문자. aⅱbⅱcⅱd... 를 사용합니다. . 프로젝트 번호로 I: 프로젝트 번호로 대문자 로마숫자를 사용합니다. i: 프로젝트 번호로 소문자 로마숫자를 사용합니다. 1: 프로젝트 번호로 아라비아 숫자를 사용합니다. (기본값) )
      【2】starts Number -- start <ol start=계산을 시작할 서수>
      【3】숫자 지정 -- value <li Value=지정할 서수>
      4 . 일련번호가 없는 목록
    2. 항목 1
    3. 항목 2
    4. 항목 3
      【1】글머리 기호 형식 -- 유형
        또는
      • # 번호는 디스크일 수 있음: 단색 점(기본값) 원: 속이 빈 점 사각형: 단색 사각형
        【2】원래 목록 -- 일반

          [3] 목록 배열 -- 워프 " 1" 목록 세로 배열 〈ul warp = vert〉 《2》목록 가로 배열 〈ul warp = horiz〉
          5. 정의 목록
          항목 1
          항목 1 설명
          항목 2 항목 2 설명
          항목 3
          항목 3 설명

          촘촘하게 정렬 -- 컴팩트
          P.S. 이렇게 하면
          의 내용과
          의 내용을 볼 수 있습니다. 몇 개의 공백으로만 구분하여 같은 줄에 배치합니다. 줄 바꿈은 없지만
          의 텍스트가 특정 길이를 초과하면 압축 효과가 사라집니다!
          Form
          1. 기본 구조 <form action="데이터 처리에 사용되는 CGI 프로그램의 URL" 또는 "mailto: 이메일의 URL" method="get or post"> ...... . .. ....... ....... .......
          2. 입력 파일 형식
          ........................

          【1】필드 유형 -- type 숫자 #은 텍스트일 수 있음: 텍스트 입력 passWord: 비밀번호 체크박스: 다중 선택 버튼 라디오: 라디오 버튼 제출: 승인 버튼 재설정: 재설정 버튼 이미지: 그래픽 버튼 숨김: 숨겨진 필드
          【2】필드 이름 -- 이름 【3】파일의 기본값 -- value <input value="Default string" >
          【4】 필드 너비 설정 -- size <입력 크기=문자수>
          【5】최대 입력 문자열 길이 제한 -- maxlength <입력 최대 길이=문자수>
          【6】기본 체크박스 또는 라디오 초기값 -- 확인됨 <입력 유형=체크박스 선택됨> <입력 유형=라디오 확인됨>
          【7】그래픽의 URL 지정 -- src <입력 유형=이미지 src="이미지 파일 이름">
          【8】이미지 및 텍스트 정렬 -- align 숫자 #은 위쪽일 수 있습니다. 텍스트는 이미지 상단에 정렬됩니다. 중간: 텍스트는 이미지 하단의 중앙에 정렬됩니다. : 텍스트가 이미지 하단에 정렬됩니다
          세 가지 , 선택형

          A,
          【2】표시되는 옵션 수 설정 - - size <size 선택=숫자>
          【3】Multiple options -- multiple <여러 선택>
          B,
  • 본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

    핫 AI 도구

    Undresser.AI Undress

    Undresser.AI Undress

    사실적인 누드 사진을 만들기 위한 AI 기반 앱

    AI Clothes Remover

    AI Clothes Remover

    사진에서 옷을 제거하는 온라인 AI 도구입니다.

    Undress AI Tool

    Undress AI Tool

    무료로 이미지를 벗다

    Clothoff.io

    Clothoff.io

    AI 옷 제거제

    Video Face Swap

    Video Face Swap

    완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

    뜨거운 도구

    메모장++7.3.1

    메모장++7.3.1

    사용하기 쉬운 무료 코드 편집기

    SublimeText3 중국어 버전

    SublimeText3 중국어 버전

    중국어 버전, 사용하기 매우 쉽습니다.

    스튜디오 13.0.1 보내기

    스튜디오 13.0.1 보내기

    강력한 PHP 통합 개발 환경

    드림위버 CS6

    드림위버 CS6

    시각적 웹 개발 도구

    SublimeText3 Mac 버전

    SublimeText3 Mac 버전

    신 수준의 코드 편집 소프트웨어(SublimeText3)

    Go 언어에서 정규식을 사용하여 HTML 태그 콘텐츠를 추출하는 방법 Go 언어에서 정규식을 사용하여 HTML 태그 콘텐츠를 추출하는 방법 Jul 14, 2023 pm 01:18 PM

    정규식을 사용하여 Go 언어에서 HTML 태그 콘텐츠를 추출하는 방법 소개: 정규식은 강력한 텍스트 일치 도구이며 Go 언어에서도 널리 사용됩니다. HTML 태그를 처리하는 시나리오에서 정규식은 필요한 콘텐츠를 빠르게 추출하는 데 도움이 될 수 있습니다. 이 기사에서는 정규식을 사용하여 Go 언어에서 HTML 태그의 내용을 추출하는 방법을 소개하고 관련 코드 예제를 제공합니다. 1. 관련 패키지 소개 먼저 관련 패키지인 regexp 및 fmt를 가져와야 합니다. 정규식 패키지는 다음을 제공합니다

    Python 정규식을 사용하여 HTML 태그를 제거하는 방법 Python 정규식을 사용하여 HTML 태그를 제거하는 방법 Jun 22, 2023 am 08:44 AM

    HTML(HyperTextMarkupLanguage)은 웹 페이지를 생성하기 위한 표준 언어로, 텍스트, 이미지, 표, 링크 등과 같은 페이지의 다양한 요소를 설명하기 위해 태그와 속성을 사용합니다. 그러나 HTML 텍스트를 처리할 때 후속 처리를 위해 텍스트 내용을 빠르게 추출하는 것은 어렵습니다. 이때 Python에서 정규식을 사용하여 HTML 태그를 제거하면 일반 텍스트를 빠르게 추출할 수 있습니다. Python에서는 일반 테이블

    PHP의 문자열에서 HTML 태그를 제거하는 방법은 무엇입니까? PHP의 문자열에서 HTML 태그를 제거하는 방법은 무엇입니까? Mar 23, 2024 pm 09:03 PM

    PHP는 웹 사이트 개발 및 백엔드 애플리케이션 개발에 널리 사용되는 일반적으로 사용되는 서버 측 스크립팅 언어입니다. 웹사이트나 애플리케이션을 개발할 때 HTML 태그를 문자열로 처리해야 하는 상황에 자주 직면하게 됩니다. 이 기사에서는 PHP를 사용하여 문자열에서 HTML 태그를 제거하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. HTML 태그를 제거해야 하는 이유는 무엇입니까? 사용자 입력이나 데이터베이스에서 얻은 텍스트를 처리할 때 HTML 태그가 포함되는 경우가 많습니다. 때로는 텍스트를 표시할 때 이러한 HTML 태그를 제거하고 싶을 때가 있습니다.

    PHP에서 HTML 태그를 이스케이프하는 방법 PHP에서 HTML 태그를 이스케이프하는 방법 Feb 24, 2021 pm 06:00 PM

    PHP에서는 htmlentities() 함수를 사용하여 html을 이스케이프할 수 있으며, 이는 문자를 HTML 엔터티로 변환할 수 있습니다. 구문은 "htmlentities(string,flags,character-set,double_encode)"입니다. 또한 PHP에서 html_entity_decode() 함수를 사용하여 html을 이스케이프 해제하고 HTML 엔터티를 문자로 변환할 수 있습니다.

    Java의 특정 문자열에서 HTML 태그를 제거하는 방법은 무엇입니까? Java의 특정 문자열에서 HTML 태그를 제거하는 방법은 무엇입니까? Aug 29, 2023 pm 06:05 PM

    String은 Java의 최종 클래스이며 불변입니다. 즉, 객체 자체는 변경할 수 없지만 객체의 참조는 변경할 수 있습니다. HTML 태그는 String 클래스의 replacementAll() 메서드를 사용하여 지정된 문자열에서 제거할 수 있습니다. 정규식을 사용하여 특정 문자열에서 HTML 태그를 제거할 수 있습니다. 문자열에서 HTML 태그를 제거한 후 문자열을 일반 텍스트로 반환합니다. 구문 publicStringreplaceAll(Stringregex,Stringreplacement) 예 publicclassRemoveHTMLTagsTest{&nbs

    HTML의 시작 태그의 예는 무엇입니까? HTML의 시작 태그의 예는 무엇입니까? Apr 06, 2025 am 12:04 AM

    anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

    HTML 테이블에서 HTML 태그를 사용하는 방법은 무엇입니까? HTML 테이블에서 HTML 태그를 사용하는 방법은 무엇입니까? Sep 08, 2023 pm 06:13 PM

    테이블에 HTML 태그를 쉽게 추가할 수 있습니다. HTML 태그는 <td> 태그 안에 배치되어야 합니다. 예를 들어 <td> 태그 내에 단락 <p>…</p> 태그나 사용 가능한 기타 태그를 추가합니다. 구문 다음은 HTML 테이블에서 HTML 태그를 사용하기 위한 구문입니다. <td><p>컨텍스트 단락</p><td>예제 1 HTML 테이블에서 HTML 태그를 사용하는 예는 다음과 같습니다. <!DOCTYPEhtml><html><head&g

    기본 HTML 태그를 확인하는 PHP 정규식 방법 기본 HTML 태그를 확인하는 PHP 정규식 방법 Jun 24, 2023 am 08:07 AM

    PHP는 정규식 기능을 지원하고 입력 데이터의 유효성을 빠르게 확인할 수 있는 효율적인 웹 개발 언어입니다. 웹 개발에서 HTML은 일반적인 마크업 언어이며 HTML 태그의 유효성을 검사하는 것은 웹 양식 유효성 검사를 위한 매우 중요한 방법입니다. 이 기사에서는 기본적인 HTML 태그 확인 방법과 확인을 위해 PHP 정규식을 사용하는 방법을 소개합니다. 1. HTML 태그의 기본 구조 HTML 태그는 꺾쇠괄호로 묶인 요소 이름과 속성으로 구성됩니다. 일반적인 태그에는 p, a, div가 있습니다.

    See all articles