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

HTML 태그에 대한 자세한 설명

墨辰丷
墨辰丷원래의
2018-05-09 10:47:322472검색

HTML 태그는 HTML 언어의 가장 기본적인 단위이며, HTML 태그는 HTML의 가장 중요한 구성 요소입니다. 웹페이지의 내용은 태그에 있어야 하며, 제목, 문자 형식, 언어, 호환성, 키워드, 설명 및 기타 정보는 태그에 표시됩니다. 웹페이지는


1. 문서 구조 태그: 주로 문서의 기본 구조를 식별하는 데 사용됩니다

a) : HTML 문서의 시작과 끝을 식별합니다

b) < head>< ;/head>: HTML 문서의 헤드 영역을 식별합니다.

c) : HTML 문서의 주요 영역을 식별합니다.

2 텍스트 형식 태그: 주로 텍스트 블록을 식별하는 데 사용되며 특정 표시 형식과 함께 제공됩니다.

a) : 웹 페이지의 제목을 나타냅니다.

b) : i가 1~6을 나타내는 제목 텍스트, 각각은 레벨, 보조 및 기타 제목을 나타냅니다.

c)

: 단락 텍스트 표시

d)

: 미리 정의된 텍스트 표시 

e)

< ;/blockquote>: 인용된 텍스트를 식별합니다

3. 문자 형식 태그: 주로 굵게/기울임꼴/밑줄 표시와 같은 일부 텍스트 문자의 의미를 식별하는 데 사용됩니다

a ) : 강조 텍스트를 식별하고 굵은 효과로 표시합니다.

b) : 인용된 텍스트를 식별하며 기울임꼴 효과로 표시합니다.

c) <깜박임>< ;/blink>: 깜박이는 효과로 깜박이는 텍스트를 식별합니다. 디스플레이(IE 브라우저는 이 태그를 지원하지 않습니다)

d) /: 확대 표시/ 텍스트를 축소하고 확대/축소 효과로 표시합니다.

e) : 로고 위의 텍스트, 위 첨자 효과로 표시됩니다

f) : 로고 아래 텍스트, 아래 첨자 효과 표시

g) < /cite>: 인용된 텍스트를 식별하여 인용 효과로 표시합니다

다양한 문자 형식 태그를 사용하여 수학 문제의 답을 표시합니다. 방정식





문자 형식 태그
< ;/head>


다음 2차 방정식의 경우:

x2-5x+ 4=0


우리는 인수분해를 사용합니다. method는 다음과 같이 문제 해결을 보여줍니다.

By:(x-1 )(x-4)=0


Get:
x1=1
                                       i>x
2=4



& lt;/html>

4. 목록 태그: HTML에서 목록 구조는 순서가 있는 목록과 순서가 없는 목록의 두 가지 유형으로 나눌 수 있습니다. 순서가 없는 목록은 목록을 식별하기 위해 글머리 기호를 사용하고, 순서가 있는 목록은 목록에 있는 항목의 순서를 식별하기 위해 숫자를 사용합니다. .

a) 

  • ...
:标识无序列表.
  • :标识列表项目

    b) 

    1. ...
    :标识有序列表.
  • :标识列表项目

    i. 使用无序列表和有序列表分别显示一元二次方程求解的4种方法




        
        列表标签


    解一元二次方程


    无序列表列出4种方法:



          
    • 直接开平方法

    •     
    • 配方法

    •     
    • 公式法

    •     
    • 分解因式法


    有序列表列出4种方法:



          
    1. 直接开平方法

    2.     
    3. 配方法

    4.     
    5. 公式法

    6.     
    7. 分解因式法



    c) 

    ...
    ...
    :自定义列表,包括词条和解释两部分内容.

    i. 

    标识定义列表;
    :标识词条;
    :标识解释

    ii. 使用定义列表显示两个成语的解释




        
        列表标签



        
    知无不言,言无不尽

        
    知道的就说,要说就毫无不保留

        
    智者千虑,必有一失

        
    不管多聪明的人,在很多的考虑中,也一定会出现个别错误




    5.链接标签:实现把多个网页联系在一起

    a) :标识超链接.还可以定义锚点.锚点是一类特殊的超链接,它可以定位带网页中某个具体的位置.例如在下面实例中单击超链接文本,就可以跳转到页面的顶部.




        
        链接标签


    底部锚点位置
    撑开浏览器的滚动条


    맨 위로 돌아가려면 클릭하세요

    6. 멀티미디어 태그: 주로 외부 멀티미디어 파일을 소개하는 데 사용됩니다. 디스플레이 처리를 위해.

    a) : 이미지 삽입

    b) : 멀티미디어 삽입

    c) : 멀티미디어 삽입

    7. 테이블 태그: 데이터를 구성하고 관리하는 데 사용됩니다.

    a)

    : 테이블 구조 정의

    b) : 테이블 제목

    c) : 헤더 정의

    d) ...:< /tr> 테이블 행 정의 -8">

    Table



                                                                                                > ~ /table>





    8. 양식 태그: 주로 대화형 양식을 만드는 데 사용됩니다.

    a )

    : 양식 구조 정의

    b) : 텍스트 필드, 버튼 및 확인란 정의

    c) : 여러 줄 정의 텍스트 상자

    d) : 드롭다운 목록 정의

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

    관련 기사

    더보기