博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html
阅读量:5080 次
发布时间:2019-06-12

本文共 1894 字,大约阅读时间需要 6 分钟。

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" />

表单标签

<textarea><select><input>

<textarea>属性: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+/)

转载于:https://www.cnblogs.com/3-14/p/11190616.html

你可能感兴趣的文章
C++ STL partial_sort
查看>>
3.0.35 platform 设备资源和数据
查看>>
centos redis 安装过程,解决办法
查看>>
IOS小技巧整理
查看>>
WebDriverExtensionsByC#
查看>>
我眼中的技术地图
查看>>
lc 145. Binary Tree Postorder Traversal
查看>>
sublime 配置java运行环境
查看>>
在centos上开关tomcat
查看>>
重启rabbitmq服务
查看>>
正则表达式(进阶篇)
查看>>
无人值守安装linux系统
查看>>
【传道】中国首部淘宝卖家演讲公开课:农业本该如此
查看>>
jQuery应用 代码片段
查看>>
MVC+Servlet+mysql+jsp读取数据库信息
查看>>
黑马程序员——2 注释
查看>>
用OGRE1.74搭建游戏框架(三)--加入人物控制和场景
查看>>
转化课-计算机基础及上网过程
查看>>
android dialog使用自定义布局 设置窗体大小位置
查看>>
ionic2+ 基础
查看>>