前端与HTML语法

1.什么是HTML

• 超文本标记语言
• 制作网页的标准语言
• HTML语言不区分大小写

2.前端应该关注的方面

功能，美观，性能，安全，无障碍

3.常用标签

3.1标题字标签

• 以某几种固定的字号显示的字
• 一般用于强调段落要表现的内容或作为文章的标题
• 默认加粗显示，与下文产生一空行的间隔特性
• 标题字根据字号大小分为6级，用h1-h6表示（字号大小随数字增大而递减）

<h1>一级标题</h1>
<h2>二级标题 </h2>
<h3>三级标题</h3>
<h4 align="teft">四级标题</h4>
<h5 align="'center">五级标题</h5>
<h6 align="'right ">六级标题</h6>

效果

3.2列表
有序ol

    <ol>
       <li>a</li>
       <li>b</li>
    </ol>

无序ul

   <ul>
    <li>a</li>
    <li>b</li>
   </ul>

包含术语定义以及描述的dl

<dl>
    <dt>Name</dt>
    <dd>Godzilla</dd>
    <dt>Born</dt>
    <dd>1952</dd>
</dl>

3.3超链接

<a href="a.html" target="">跳转a页面</>

• href属性：
  1.href="a.html"站内网页跳转
  2.href="http://www.baidu.com"跳转外部链接
  3.href="http://#"跳转当前页面顶部
• target属性：
  1._blank 在新标签页打开
  2._self 在同一窗口或同一框架打开链接（默认参数）
  3._parent 在上一级窗口中打开
  4._top 在浏览器整个窗口打开，忽略任何框架
  5.框架名称 在指定框架窗口中打开

3.4图片
将一份图像嵌入文档

<img src="images/rain.png" alt="显示图片测试，title="图片标题"/>

• src属性是必须的，它包含了你想嵌入的图片的文件路径。
• alt属性包含图片的替换信息
• title属性包含图片的提示信息

3.5音频
<audio＞元素用于在文档中嵌入音频内容。

<audio controls src="media/ 踏山.flac"></audio>

3.6视频
<video＞元素 用于在HTML 或者 XHTML 文档中嵌入媒体播放
器器．用于支持文档内的视频播放

<video controls width=“250">
<source src="media/flower.mp4" type="video /mp4”>
</video>

• controls 属性 向用户昱示控件
• autoplay 属性 设置视频自动播放
• muted 属性 设置播放视频时静音

3.7表单
1.输入框 input
输入类型有：1.范围type=range2.日历type=date等
多行文字用文本输入框
2.复选框
多选：
单选：
下拉选项：

选择内容1
选择内容2

3.8引用
cite：一般引用作品名字标题
q：一般引用具体内容
3.9强调
strong：强调重要紧急
em:语气强调

4.HTML语义化是什么意思

html中的元素，属性及属性值都有某些含义

5.无障碍是什么意思

针对的是残疾人士，模拟残疾人士测试的人员，以及解决某些特定情况下不能正常阅读的人群。是他们可以毫无障碍的阅读。