菜鸟教程-html
没有详尽的按书照搬,把⾃⼰觉得不是很清晰的整理了⼀下
1.使⽤⼩写标签, 如<p>
2.属性总是以名称/值对的形式出现,⽐如:name="value"。
属性值应该始终被包括在引号内。双引号是最常⽤的,不过使⽤单引号也没有问题。
在某些个别的情况下,⽐如属性值本⾝就含有双引号,那么您必须使⽤单引号,例如:name='John "ShotGun" Nelson'属性有class,id,style,title(属性和属性值尽量⼩写,⽅便使⽤)
3. hr⽔平线,br分⾏,页⾯不会因为你输⼊的空格数量显⽰
4.⽂本格式化
地址:
<address>
Written by <a href="mailto:webmaster@example">Jon Doe</a>.<br>
Visit us at:<br>
Example<br>
Box 564, Disneyland<br>
USA
</address>
html<pre>标签
<pre>
此例演⽰如何使⽤ pre 标签
对空⾏和空格
进⾏控制
</pre>
5.链接-id属性-三种使⽤⽅法
在HTML⽂档中插⼊ID:  <a id="tips">有⽤的提⽰部分</a>
javascript和mysql菜鸟教程在HTML⽂档中创建⼀个链接到"有⽤的提⽰部分(id="tips")":    <a href="#tips">访问有⽤的提⽰部分</a>
从另⼀个页⾯创建⼀个链接到"有⽤的提⽰部分(id="tips")":  <a href="www.runoob/html/html-links.html#tips">
访问有⽤的提⽰部分</a>
链接实例:图⽚img,跳到指定位置(<a href="#C4">查看章节 4</a> <h2><a id="C4">章节 4</a></h2>),target属性,发送邮箱 <a href="mailto:someone@example?Subject=Hello%20again" target="_top">发送邮件</a>,
发送邮箱:
6.html样式标签
style:定义⽂本样式
link:定义资源引⽤地址 <link rel="stylesheet" type="text/css" href="mystyle.css">
7.img属性src图像位置,alt图⽚⽆法加载时的替换⽂本属性,align:bottom,middle,top
8.<area> 标签定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)。
char类型的二维数组
<area> 元素始终嵌套在 <map> 标签内部。
9.表格table-tr-th/td,caption是标题
colspan="2"列合并
colspan="2" ⾏合并
cellpadding="10"在table⾥设置单元格边距,
cellspacing="10"是单元格间距
菜鸟教程⾥简单的表格DEMO
10.有序列表可以⾃⼰设置其实位置
<ol start="50">
11.⾃定义列表
<dl>
jsp页面能直接打开吗<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
12.有序列表类型:<ol type="A">    <ol type="a">    <ol type="I">    <ol type="i">    ⽆序列表类型:
<ul >//实⼼圆点
<ul >//空⼼圆圈
<ul >//正⽅形
11.表单
<form action="">
Username: <input type="text" name="user"><br>
Password: <input type="password" name="password">
pycharm激活码怎么使用
</form>
type="text"/"password"/"radio"/"checkbox"/"submit"/"button"
表单<form>标签method属性,表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的⽅式来发送。带边框的表单<fieldset>(<legend>嵌套在边框的标题</legend>)
<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>
点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。
下拉选select-option*n,在option中添加selected属性则默认预选
textarea⽂本域可以设置rows=10“”,cols=“9”
<form action="MAILTO:someone@example" method="post" enctype="text/plain">
Name:<br>
<input type="text" name="name" value="your name"><br>
E-mail:<br>
<input type="text" name="mail" value="your email"><br>
Comment:<br>
<input type="text" name="comment" value="your comment" size="50"><br><br>
<input type="submit" value="发送">
<input type="reset" value="重置">
</form>
12.iframe框架:在同⼀个浏览器窗⼝中显⽰不⽌⼀个页⾯
<iframe src="URL"></iframe>URL指向不同⽹页
frameborder="0"移除边框
13.颜⾊#-------,rgb(),rgba()四个属性最后⼀个值为透明度
怎么让eclipse14.脚本:JavaScript 使 HTML 页⾯具有更强的动态和交互性。
<noscript> 标签提供⽆法使⽤脚本时的替代内容
<script>
document.write("Hello World!")
</script>
<noscript>抱歉,你的浏览器不⽀持 JavaScript!</noscript>
>sqldeveloper

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。