html : hypertext markup language 中译：超文本标识语言，目前最新版本为html5.0
HTML文档基本结构由是三个标签负责组织 ：
定义文档的字符编码，一般使用标签在头部定义，常用字符编码包括中文简体(gb2312),中文繁体(big5),和通用字符编码(utf-8)。使用方法 :
立即学习“前端免费学习笔记（深入）”；
HTML中的标签
文档结构标签 ：、
、
文本格式标签 :
、<h>、<p>、</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><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><div class="contentsignin">登录后复制</div></div>
<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>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/ai/2361">
<img src="https://img.php.cn/upload/ai_manual/001/246/273/176153528120826.png" alt="论论App">
</a>
<div class="aritcle_card_info">
<a href="/ai/2361">论论App</a>
<p>AI文献搜索、学术讨论平台，涵盖了各类学术期刊、学位、会议论文，助力科研。</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="论论App">
<span>23</span>
</div>
</div>
<a href="/ai/2361" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="论论App">
</a>
</div>
<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>
广告
收藏
941
