HTML基本语法——文字图片超链接表格表单框架

最新推荐文章于 2022-03-29 22:39:11 发布

一JJL

最新推荐文章于 2022-03-29 22:39:11 发布

阅读量1.2k

点赞数 1

分类专栏：前端文章标签： HTML基本语法文字图片超链接表格表单、框架

本文链接：https://blog.csdn.net/tcbdbd/article/details/96891988

版权

HTML
超文本标记语言

属性

 <a href="">内容</a>
 <img src=""/>

不区分大小写建议小写

作用：开发静态页面
运行环境: 浏览器
开发环境:记事本 dw hbuilder

注释

 <!-- -->

标题

<h1>我的第一个标题</h1>

段落

 <p>我的第一个段落</p>

列表

有序列表

<ol type="a">
			<li>香蕉</li>
			<li>苹果</li>
		</ol>

有序列表（从c开始）

<ol type="a" start="3">
			<li>香蕉</li>
			<li>苹果</li>
		</ol>

无序列表

<ul type="circle">
			<li>java</li>
			<li>c++</li>
		</ul>

自定义列表

<dl>
			<dt>想要描述的对象，可以是文字或图片</dt>
			<dd>
				描述内容，也可以是超链接
			</dd>
			<dd>
				 描述内容，也可以是超链接
			</dd>
</dl>

列表的嵌套

有序列表的嵌套

<ol>
			<li>香蕉</li>
			<li>苹果</li>
			<ol type="a">
				<li>大苹果</li>
				<li>小苹果</li>
			</ol>
</ol>

#无序列表的嵌套

<ul type="circle">
			<li>java</li>
			<ul>
				<li>javaee</li>
				<li>javase</li>
			</ul>
			<li>c++</li>
</ul>

常用的字符实体

空格：&nbsp;
<:&lt;
>:&gt;
":&quot;
版权：&copy;
':&apos;

<img src="img/w3.jpg" width="800" title="这是一只小猫猫" alt="小猫猫不见了"/>

其中src属性必须要有，后面的属性可以没有

页面间链接
从一个页面导航到另一个页面

 <a href="image.html">超链接的文本</a>

如果需要返回到原网页，可以在这个网页上再加一个超链接

<a herf="link.html">超链接的文本</a>

页面内链接

1.锚标记 <a name="abc">...</a>
2.锚链接 <a href="#abc">....</a>

<body>
			<dl>
			    <dt>微信电脑版</dt>
			    <dd>

关注