찾다
웹 프론트엔드HTML 튜토리얼【HTML】【理论学习】1.基础理论_html/css_WEB-ITnose

    HTML : Hypertext Markup Language 中译:超文本标识语言,目前最新版本为HTML5.0


    HTML文档基本结构由是三个标签负责组织 :


    定义文档的字符编码,一般使用标签在头部定义,常用字符编码包括中文简体(gb2312),中文繁体(big5),和通用字符编码(utf-8)。使用方法 :


HTML中的标签 

    文档结构标签 :、


    文本格式标签 :

、<h>、<p>、</p> <pre class="brush:php;toolbar:false">(标识预定义文本,其中可以保留空格和换行) <p>             <blockquoto>(标识长的引用文本)</blockquoto></p> <p><br></p> <p>    字符格式标签 : <i>(引用文本、斜体)、<blink>(标识闪烁文本。。。貌似没用?)</blink></i></p> <p>            <big>、<small>、<sup>(上标)、<sub>(下标)、<cite>(引用)<br></cite></sub></sup></small></big></p> <p><br></p> <p>    列表标签 : </p></pre> <ul>、</ul> <ol>、<li>、<dl>(定义列表)、<dt>(列表项)、</dt> <dd>(列表项的解释)<br> <p><br></p> <p>    链接标签 : <a> ->定义超链接       ->定义锚点(文档内部)</a></p> <p><br></p> <p>    多媒体标签 : <img alt="【HTML】【理论学习】1.基础理论_html/css_WEB-ITnose" >、<embed>(嵌入多媒体)、<object>(定义多媒体)<br></object></embed></p> <p><br></p> <p>    表格标签 : </p> <table>、<caption>、<th>、</th> </caption> <tr>、<td>、<thead>、</thead> </td> </tr> <tbody>、</tbody> <tfoot>、<br> <p>          </p> <col>(列)、<colgroup>(列组)<br> <p><br></p> <p>    表单标签 : </p> <form>定义表单结构、<input>、<textarea>、<select>(下拉列表)、              <option>(下拉列表选择项目)、</option> <optgroup>(选项组,相似的项目合并在一个组) <p>          <button>、<fieldset>(表单中的域)、<legend>(域的标题)</legend> </fieldset></button></p> <p>    </p> <p>HTML中的属性</p> <p>    基本属性 : class、id、style</p> <p><br></p> <p>    语言属性 : lang、dir(文字方向)</p> <p><br></p> <p>    键盘属性 : accesskey(访问某元素的键盘快捷键)</p> <p><br></p> <p>    内容属性 : alt(元素的替换文本)、title(提示文本)、longdesc(大段描述信息)</p> <p>          datetime(包含内容的时间日期)  </p> <p>  HTML5基础<br></p> <p>相比于HTML4,HTML5添加了许多新特性<br></p> <p><br></p> <p>HTML5的文档类型声明 : </p> <p><br></p> <p>视频 : <video src="URL" controls="controls">无法显示视频时显示此语句</video></p> <p>    video的属性 : autoplay = "autoplay" 设置视频自动播放<br></p> <p>            controls = "controls" 提供弓用户使用的视频控件<br></p> <p>            height、width 设置视频的宽度和高度</p> <p>            loop = "loop" 设置视频连续播放</p> <p>           preload = "preload" 预加载,当使用了autoplay时,此属性无效</p> <p>音频 :<audio src="URL" controls="controls">不支持音频时显示此语句</audio> <br></p> <p>    audio的属性 : audio有着和video类似的属性――autoplay、controls、loop、preload<br></p> <p><br></p> <p>HTML新的Input类型 :</p> <p>    <input type="email" name="name"> 验证输入的内容是否为邮箱地址<br></p> <p>    <input type="URL" name="name"> 验证输入的内容是否为网址<br></p> <p>    <input type="number" name="name" min="1" max="10">验证输入的是否为        数字和数字位数<br></p> <p>    <input type="range" name="name" min="1" max="10">验证是否为数字和数字范围<br></p> <p>    <input type="date" name="name"> 日期选择<br></p> <p>    <input type="search"> 搜索域<br></p> <p><br></p> <p>其他元素 :hgroup : 用于对整个页面或页面中的一个内容区块的标题进行组合</p> <p>      figure : 表示一段独立的流内容,一般表示文档内容中的一个独立单元<br></p> <p>      figuration : 为figure元素添加标题<br></p> <p>      (流:在文档和应用的body中使用的元素,如form,h1,small等)<br></p> <p>      embed : 用来插入多种多媒体 既可以是视频,也可以是音频<br></p> <p>      mark : 高亮文字<br></p> <p>      time : 表示日期和时间<br></p> <p>      canvas : 生成一块画布,可以使用JavaScript绘图<br></p> <p>      <br></p> <p><br></p> </optgroup></select></textarea> </form> </colgroup> </tfoot> </table> </dd> </dl> </li> </ol></h>
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
HTML 및 코드 : 용어를 자세히 살펴 봅니다HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 초보자를 위해 쉽게 배우나요?HTML은 초보자를 위해 쉽게 배우나요?Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

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

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

메뉴에서 점선 분할 효과의 중심 정렬을 달성하기 위해 CSS의 Flexbox 레이아웃을 사용하는 방법은 무엇입니까?메뉴에서 점선 분할 효과의 중심 정렬을 달성하기 위해 CSS의 Flexbox 레이아웃을 사용하는 방법은 무엇입니까?Apr 05, 2025 pm 01:24 PM

메뉴에서 점선 분할 효과를 설계하는 방법은 무엇입니까? 메뉴를 설계 할 때는 일반적으로 접시 이름과 가격 사이에 왼쪽과 오른쪽을 정렬하는 것이 어렵지 않지만 점선 또는 중간의 점은 어떻습니까?

온라인 코드 편집기는 코드 입력을 구현하는 데 사용하는 HTML 요소는 무엇입니까?온라인 코드 편집기는 코드 입력을 구현하는 데 사용하는 HTML 요소는 무엇입니까?Apr 05, 2025 pm 01:21 PM

웹 코드 편집기의 HTML 요소 분석 많은 온라인 코드 편집기를 사용하면 사용자가 HTML, CSS 및 JavaScript 코드를 입력 할 수 있습니다. 최근에 누군가가 제안했습니다 ...

반응 정적 페이지 구성 : React-App-Lewired로 코드 압축을 피하는 방법?반응 정적 페이지 구성 : React-App-Lewired로 코드 압축을 피하는 방법?Apr 05, 2025 pm 01:18 PM

React-App-Lerewired를 사용하여 정적 페이지를 구축 할 때 코드 압축을 피하는 방법에 대해 많은 개발자가 제공하고 싶어합니다.

See all articles

핫 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 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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