HTML.......

12063 단어
다음은 샘플 html 페이지입니다.



페이지 제목

제목입니다



이것은 단락입니다.

HTML 요소는 HTML 페이지의 빌딩 블록입니다. HTML 구성을 사용하면 이미지 및 대화형 양식과 같은 기타 개체를 렌더링된 페이지에 포함할 수 있습니다. HTML은 제목, 단락, 목록, 링크, 인용문 및 기타 항목과 같은 텍스트의 구조적 의미를 표시하여 구조화된 문서를 만드는 수단을 제공합니다. HTML 요소는 꺾쇠 괄호를 사용하여 작성된 태그로 구분됩니다. 과 같은 태그를 지정하고 콘텐츠를 페이지에 직접 소개합니다. 다음과 같은 기타 태그
문서 텍스트에 대한 정보를 제공하고 다른 태그를 하위 요소로 포함할 수 있습니다. 브라우저는 HTML 태그를 표시하지 않지만 이를 사용하여 페이지의 내용을 해석합니다.
HTML은 JavaScript와 같은 스크립팅 언어로 작성된 프로그램을 포함할 수 있으며, 이는 웹 페이지의 동작과 콘텐츠에 영향을 미칩니다. CSS를 포함하면 콘텐츠의 모양과 레이아웃이 정의됩니다. HTML의 이전 관리자이자 현재 CSS 표준의 관리자인 W3C(World Wide Web Consortium)는 1997년부터 명시적인 프레젠테이션 HTML보다 CSS를 사용하도록 권장했습니다.
HTML에 대한 최초의 공개된 설명은 1991년 후반에 Tim Berners-Lee가 인터넷에서 처음 언급한 "HTML 태그"라는 문서였습니다. 이 문서에서는 초기의 비교적 단순한 HTML 디자인을 구성하는 18개의 요소를 설명합니다. 하이퍼링크 태그를 제외하고 이들은 CERN의 사내 SGML(Standard Generalized Markup Language) 기반 문서 형식인 SGMLguid의 영향을 많이 받았습니다. 이러한 요소 중 11개는 여전히 HTML 4에 존재합니다.

몇 가지 중요한 태그:

태그 설명
설명을 정의합니다.
문서 유형을 정의합니다.
Defines a hyperlink
Defines an abbreviation or an acronym
Not supported in HTML5. Use instead.
Defines an acronym
Defines contact information for the author/owner of a document
Not supported in HTML5. Use or instead.
Defines an embedded applet
Defines an area inside an image map
Defines an article
Defines content aside from the page content
Defines embedded sound content
Defines bold text
Specifies the base URL/target for all relative URLs in a document
Not supported in HTML5. Use CSS instead.
Specifies a default color, size, and font for all text in a document
Isolates a part of text that might be formatted in a different direction from other text outside it
Overrides the current text direction
Not supported in HTML5. Use CSS instead.
Defines big text
Defines a section that is quoted from another source
Defines the document's body

Defines a single line break
Defines a clickable button
Used to draw graphics, on the fly, via scripting (usually JavaScript)
Defines a table caption
Not supported in HTML5. Use CSS instead.
Defines centered text
Defines the title of a work
Defines a piece of computer code
Specifies column properties for each column within a element
Specifies a group of one or more columns in a table for formatting
Adds a machine-readable translation of a given content
Specifies a list of pre-defined options for input controls
Defines a description/value of a term in a description list
Defines text that has been deleted from a document
Defines additional details that the user can view or hide
Specifies a term that is going to be defined within the content
Defines a dialog box or window
Not supported in HTML5. Use
    instead. Defines a directory list Defines a section in a document
    Defines a description list
    Defines a term/name in a description list
    Defines emphasized text
    Defines a container for an external application
    Groups related elements in a form

    Defines a caption for a element
    Specifies self-contained content
    Not supported in HTML5. Use CSS instead.
    Defines font, color, and size for text
    Defines a footer for a document or section
    Defines an HTML form for user input
    Not supported in HTML5.
    Defines a window (a frame) in a frameset
    Not supported in HTML5.
    Defines a set of frames

    에게

    Defines HTML headings
    Contains metadata/information for the document
    Defines a header for a document or section

    Defines a thematic change in the content
    Defines the root of an HTML document
    Defines a part of text in an alternate voice or mood
    Defines an inline frame
    Defines an image
    Defines an input control
    Defines a text that has been inserted into a document
    Defines keyboard input
    Defines a label for an element
    Defines a caption for a element
  • Defines a list item Defines the relationship between a document and an external resource (most used to link to style sheets) Specifies the main content of a document Defines an image map Defines marked/highlighted text
    Defines metadata about an HTML document
    Defines a scalar measurement within a known range (a gauge)
    Defines navigation links
    Not supported in HTML5.
    Defines an alternate content for users that do not support frames
    Defines an alternate content for users that do not support client-side scripts
    Defines a container for an external application
      Defines an ordered list Defines a group of related options in a drop-down list Defines an option in a drop-down list Defines the result of a calculation

      Defines a paragraph
      Defines a parameter for an object
      Defines a container for multiple image resources

         Defines preformatted text
      Represents the progress of a task
      Defines a short quotation
      Defines what to show in browsers that do not support ruby annotations
      Defines an explanation/pronunciation of characters (for East Asian typography)
      Defines a ruby annotation (for East Asian typography)
      Defines text that is no longer correct
      Defines sample output from a computer program
      Defines a client-side script<br> <section> Defines a section in a document<br> <select> Defines a drop-down list<br> <small> Defines smaller text<br> <source> Defines multiple media resources for media elements (<video> and <audio>)<br> <span> Defines a section in a document<br> <strike> Not supported in HTML5. Use <del> or <s> instead.<br> Defines strikethrough text<br> <strong> Defines important text<br> <style> Defines style information for a document<br> <sub> Defines subscripted text<br> <summary> Defines a visible heading for a <details> element<br> <sup> Defines superscripted text<br> <svg> Defines a container for SVG graphics<br> <table> Defines a table<br> <tbody> Groups the body content in a table<br> <td> Defines a cell in a table<br> <template> Defines a container for content that should be hidden when the page loads<br> <textarea> Defines a multiline input control (text area)<br> <tfoot> Groups the footer content in a table<br> <th> Defines a header cell in a table<br> <thead> Groups the header content in a table<br> <time> Defines a specific time (or datetime)<br> <title> Defines a title for the document<br> <tr> Defines a row in a table<br> <track> Defines text tracks for media elements (<video> and <audio>)<br> <tt> Not supported in HTML5. Use CSS instead.<br> Defines teletype text<br> <u>. Defines some text that is unarticulated and styled differently from normal text<br> <ul> Defines an unordered list<br> <var>. Defines a variable<br> <video> Defines embedded video content<br> <wbr> Defines a possible line-break</p> <p>HTML Attributes<br> All HTML elements can have attributes<br> Attributes provide additional information about elements<br> Attributes are always specified in the start tag<br> Attributes usually come in name/value pairs like: name=&quot;value&quot;</p> <p>The style Attribute:-<br> The style attribute is used to add styles to an element, such as color, font, size, and more.</p> <p>HTML is a markup language that web browsers use to interpret and compose text, images, and other material into visual or audible web pages. Default characteristics for every item of HTML markup are defined in the browser, and these characteristics can be altered or enhanced by the web page designer&#39;s additional use of CSS. Many of the text elements are found in the 1988 ISO technical report TR 9537 Techniques for using SGML, which in turn covers the features of early text formatting languages such as that used by the RUNOFF command developed in the early 1960s for the CTSS (Compatible Time-Sharing System) operating system: these formatting commands were derived from the commands used by typesetters to manually format documents. However, the SGML concept of generalized markup is based on elements (nested annotated ranges with attributes) rather than merely print effects, with also the separation of structure and markup; HTML has been progressively moved in this direction with CSS.<br> ...now something in the mind🤔 what is css?</p> <p>Cascading Style Sheets (CSS):-<br> Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.<br> CSS is designed to enable the separation of presentation and content, including layout, colors, and fonts. This separation can improve content accessibility; provide more flexibility and control in the specification of presentation characteristics; enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file, which reduces complexity and repetition in the structural content; and enable the .css file to be cached to improve the page load speed between the pages that share the file and its formatting.<br> Separation of formatting and content also makes it feasible to present the same markup page in different styles for different rendering methods, such as on-screen, in print, by voice (via speech-based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for alternate formatting if the content is accessed on a mobile device.</p> <p>The name cascading comes from the specified priority scheme to determine which style rule applies if more than one rule matches a particular element. This cascading priority scheme is predictable.</p> <p>Bootstrap is the framework of css it adds more beauty to the website😀.</p>

좋은 웹페이지 즐겨찾기