Html基础标签介绍及使用_html中的val1-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_40733505/article/details/106891079

一、HTML基础标签
1.HTML:HyperText Markup Language 超文本编辑语言
2.html语言编辑的文件: xxx.html (网页:在浏览器中打开html文件)
3.不同于java：解释执行（边解释边执行）
4.项目模型
(1)C/S Client/Server TCP/UDP 数据有状态
(2)B/S Browser/Server HTTP(S) 超文本无状态
5.HTML
(1)标签类型
1)自闭合:<tag attr1=”val1” attr2=”val2” …/>
2)对标签:<tag attr1=”val1” attr2=”val2” …/>…
(2)基础标签
1)结构标签

    <html>
       <head>
   <meta charset=”UTF-8” />
       <title>百度_首页</title>
       <meta name=”keyword” content=”...”/>
       <meta name=”description” content=”...”/>
      </head>       
   <body>

1.1)常规标签
行级标签：按行显示，无宽高也不可以设置宽高，内容定其真实大小a标签
超链接

      <a target=”” href=”地址” >提示内容</a>
      target:_self  覆盖当前窗口
      _blank 打开新窗口
      _parent 覆盖父窗口 (frameset/iframe/div)
      frameName 指定框架名称
      href: 目标页面地址
      title: 悬窗提示文本
      锚链接
      <a href=”页面地址#锚名”>提示内容</a>
      <a name=”锚名”>[提示内容]</a>
      <span></span>
      <label></label>
      <i>内容</i>
      <br/> 换行标签
      <hr/>  水平线标签
      <strong>内容</strong>  粗体标签
      <em>内容<em>  斜体标签
      行内块级标签：按行显示，有默认宽高也可以设置宽高表单：
	 <from method=”GET/POST” action=”where” enctype=””>...
     </from>
     Method:GET:显示提交  地址栏挂载 ？key=val&key2=val2...        
     POST：隐式提交  流式
     Action: 后台方法的别名（方便+安全）
     Enctype:
     Application/x-www-from-urlencoded 文本
     Application/multipart-data         文件
     Application/xml                  xml格式数据
     Application/jason               jason格式数据

表单元素
Name java后台取值用的键
Id js前端取值用的键
Value
< input type=” name=” id=”” value=””/>
Type
Text 文本框
autocomplete=“off” 关闭文本自动提示
readonly 只读
checked 默认选中
Password 密码框
Radio 单选按钮
Name 必须相同
可以通过label的for属性捆绑id实现扩展选择
Checkbox 复选框
date/datetime-local 日期框
Number 数字框
Min 最小值
Max 最大值
Step 步幅
Email 邮箱框
tel电话框
Range 滑条
File 文件域

      <select name=”province”>   下拉列表    
      <option value=”0”>请选择</option>
      <option value=”1”>江苏</option>
      <option value=”2”>安徽</option>
      <option value=”3”>浙江</option>
      </select>
     可以通过selected 属性设置某option为默认选中项
     <textarea name=””>...</textarea>
     <button>按钮</button>   按钮
     Type:
      Submit   提交按钮
      Reset    重置按钮
      Button   普通按钮
      Disabled

非表单元素

<img src=”” alt=”” title=”” />
   src: 图片的地址
   Alt:替换文本 

<video autoplay controls>
     <source src=”” type=”video/mp4” />
</video>
<audio autoplay controls>
     <source src=”” type=”video/mp3” />
</audio>
       块级标签：独占一行，默认高度0*0，但可以设置宽高
       标题标签: 
<h1>标题<h1>
<h2>标题<h2>
<h3>标题<h3>
<h4>标题<h4>
<h5>标题<h5>
<h6>标题<h6>
 列表标签:
无序列表：
<ul>
<li>...</li>
<li>...</li>
</ul>
有序列表
 <ol>
<li>...</li>
<li>...</li>
</ol>
定义列表
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
Div                         
</body>
</html>