码迷,mamicode.com
首页 > Web开发 > 详细

html

时间:2019-07-15 18:48:28      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:html注释   cte   自定义   col   链接地址   disable   表单   通用   for   

HTML

超文本标记语言,是一种标记语言,描述网页的语言。使用标签描述网页中的图片、文本、音乐、视频、超链接等。

<!DOC html>:文档类型声明

<body></body>:网页的主要内容

<head><title></title></head>:网页的标题部分

<h1>--<h6>:标题标签,逐级减小字号

<p></p>:段落标签

<br/>:换行标签

<hr/>:水平线标签

<em></em>:字体为斜体

<strong></strong>:字体加粗

插入图片:<img src="路径" alt="图片无法显示的提示文本" width=" " height=" ">

超链接

超链接:<a href="链接地址" target="窗口位置">文本或图像</a>

_self:浏览器本页面

_blank:打开新的页面

  1. 页面间的链接:A页到B页
  2. 锚链接:跳转到固定位置

功能性链接

特殊符号

空格:   &nbsp;

>:   &gt;

<:   &lt;

引号:&quot;

 ©:&copy;

插入音视频

controls:提供播放、暂停和音量的控件

autoplay:自动播放

插入视频:<video src="路径" controls autoplay></video>

插入音频:<audio src="路径" controls autoplay></audio>

结构元素

header:标题头部区域的内容

footer:标题脚部区域的内容

section:web页面的一块独立区域

article:独立的文章内容

aside:相关内容或应用(侧边栏)

nav:导航类辅助内容

列表

有序列表:<ol><li>内容</li></ol>

无序列表:<ul><li>内容</li></ul>

自定义列表:<dl><dt>标题</dt><dd>内容</dd></dl>

list - style - type:无序列表符号

none:无符号

disc:默认,实心圆

circle:空心圆

square:实心正方形

decimal:数字

list - style - image:符号为背景图片

表格

<table><th>单元格标题<th><tr>行</tr><td>列</td></table>

colspan:列合并;rowspan:行合并

表单

<form action=" "></form>

网址框不显示:method="post"

提交按钮:<input type="submit" />

多选框:<input type="checkbox">

重置按钮:<input type="reset" />

文件上传:<input type="file" />

下拉框:<select name=" " id=" "><option></option></select>

多文本框:<textarea name=" " id=" " cols="列" rows="行">

禁用按钮(灰色):<input type="disabled" />

只读按钮:<input type="readonly" />

隐藏数据:hidden

最大长度:maxlength

表格:简单通用、结构稳定

图片按钮:<input type="image" src="路径" />

邮箱:<input type="email" />

网址:<input type="url" />

数字:<input type="number" />

滑块:<input type="range" />

搜索框:<input type="search" />

表单标签

<textera><select><input>

<textera>属性:cols;rows

<select>属性:option;传递的数据写在value

<input>属性:受到type的影响

       text;password;sumbit;button;number;email;radio;checkbox;file;

       类型的共有属性:name;id;value

select默认选择:selected

多选框默认选择:checked

只读:readonly,禁用:disable

标签指引:<lable for=""><lable><id="">

html注释

<!--注释内容-->      行注释(Ctrl+/)    块注释(Ctrl+Shift+/)

html

标签:html注释   cte   自定义   col   链接地址   disable   表单   通用   for   

原文地址:https://www.cnblogs.com/3-14/p/11190616.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!