HTML学习笔记

最新推荐文章于 2024-06-19 16:49:47 发布

关小二

最新推荐文章于 2024-06-19 16:49:47 发布

阅读量198

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/u013806583/article/details/53176607

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏



<!DOCTYPE HTML>
<html>
<title>this is my title</title>
<head>This is my head</head>
<body>
<p>This is my body</p>
<p>Second Segment</p>

<h1>this is h1</h1><!--标题 head-->
<h2 align="center">this is h2</h2>

<hr />

<h1>链接</h1>
<b>href="链接地址"，此处的连接地址应该为http://……，而不是直接就是www……</b>
<b>target属性有四种取值，_blank,_top,_parent,_self</b>
<p ><a href="http://www.baidu.com" target="_blank">a，点我，这是一个链接，打开百度</a> </p><!--链接,target="_blank"表示新窗口打开链
接-->
<p>
<a href="#pageend"> 点我到pageend</a>
</p>

<p>
<a href="www.baidu.com" target="_top">点我，target=“_top”</a>
</p>


<br><!-- 换行-->
<br /><!--也是换行，但是这种写法中包含结束标签，推荐这样写。下同-->

<hr /><!--水平线 -->

<h1>图片</h1>
<img  src="/i/eg_w3school.gif" width="200" hight="200" alt="Please waitdfggdg"></img>
<a href="www.baidu.com" target="_blank">
<img sr="path" width="200" hight="200" alt="该图片无法显示"/> <!--图片链接-->
</a>
<hr />

<p>在不产生新<br>段落的情况</br>下换行</p><!--在不产生新段落的情况下换行-->

<hr />
<h1>文本格式化</h1>
<p>
<b>巴拉加粗</b>巴拉巴拉<i>巴拉巴拉斜体字</i>巴拉巴拉巴拉巴拉
</p>

<hr />
<p><b>引用</b></p>
<p>

<!--这不仅仅因为我们喜欢标准，还因为我们预见到了将其应用于文档处理、信息提取等方面的显示效果。-->

<q>这是引用</q><!--设置引用后，自动添加双引号-->

<blockquote cite="www.baidu.com">
这是blockquote <!--blockquote中会自动缩近-->
</blockquote>
</p>

<hr />

<h1>code标签</h1>
<code>
<b> code标签 元素不保留多余的空格和折行</b>
int a=0;
int b=0;
</code>

<code>
<pre>
<b>加上 pre 标签，就可以显示</b>
int a=0;
int b=0;
</pre>
</code>

<hr />

<h1>表格</h1>

<table border="1">
<tr>
<th>head1</th>
<th>head2</th>
</tr>
<tr>

<td>guan</td>

<td>guan</td>

<td>guan</td>
</tr>

<tr>

<td>r2 d1</td>
<td>
<tr><td>r2 d2 d1</td></tr>
<tr><td></td>r2 d2 d2</tr>
<td>

</tr>


<tr>

<td>r3 d1</td>

<td>r3 d1</td>

<td>r3 d1</td>

</tr>

</table>

<hr />
<h1>formdate</h1>
<form action="myaction.php">
<b>textinput:</b>
<input type="text" name="firstinput" method="get" value="firstvalue"></input>

<input type="text" name="secondinput" method="post" value="secondvalue"></input>
<br />
<b>对于属性type为"radio"的input标签，属性name相同的input，可以实现单选。但是属性value的作用是什么呢？</b>
<br />
<input type="radio" name="testradio" value="firstradio" checked>firstradio</input> 
<input type="radio" name="testradio" value="secondradio" >radio后面的文字写在这里才能显示</input>
<br />
<input type="submit" value="thirdinput_submit">

</form>


<hr />

<h1>设置链接的锚</h1>
<a name="pageend">this is pageend <br />这里设置一个锚。注意这里的锚是属于链接标签a的</a>

</body>
</html>

关小二

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习笔记

<!DOCTYPE HTML><html><head>This is my head</head><body><p>This is my body</p><p>Second Segment</p><h1>this is h1</h1><h2 align="center">this is h2</h2><hr /><h1>链接</h1><b>target属性有
复制链接

扫一扫