HTML的基础标签

HTML:超文本标签语言

标签一般成对出现也有单标签

基本格式--固定死的骨架

<html>
    <head>
        <title>俺的网页标题</title>
    </head>
    <body>
        主体部分
    </body>
</html>
一、无语意的标签
1.div标签
<div>布局用</div>
1.span标签
<span>布局用</span>
二、有语意的标签
1.标题标签

h1~h6

我不是标题
<h1>我是标题</h1>
2.段落标签
<p></p>
3.水平线标签
<hr />
4.换行标签
<br />
5.文本格式化标签
<strong></strong>和<b></b>都是加粗,推荐用前者
<em></em>和<i></i>都是倾斜,推荐用前者
<del></del>和<s></s>都是删除线,推荐用前者
<ins></ins>和<u></u>都是加下划线,推荐使用前者
6.图片标签
<img src="图像的URL" alt="图片不能显示时显示的文本" title="鼠标悬停时显示的内容" border="边框宽度">
7.链接标签
a href="http://www.baidu.com" target="_blank>百度</a>
<a href="目标id">锚点跳转</a>

可以用base标签设置所有链接打开方式,在<head></head>标签中添加<base target="_blank"/>来让所有链接都在新窗口打开

8.特殊字符

空格 & nbsp;
< & lt;
> & gt;

9.注释标签
<!--这是注释-->
10.列表标签

无序列表

<ul>
    <li>lianxi1</li>
    <li>lianxi2</li>
    <li>lianxi3</li>
    <li>lianxi4</li>
</ul>

有序列表

<ol>
    <li>lianxi1</li>
    <li>lianxi2</li>
    <li>lianxi3</li>
    <li>lianxi4</li>
</ol>

自定义列表

<dl>
    <dt>北京</dt>
        <dd>昌平</dd>
        <dd>通州</dd>
        <dd>顺义</dd>
        <dd>石景山</dd>
    <dt>皇帝</dt>
        <dd>皇后</dd>
        <dd>妃子</dd>
</dl>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML表单HTML表单用于搜集用户输入HTML表单常用属性及说明:属性描述accept-charset规定在被提...
    Lv_0阅读 507评论 0 1
  • oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 ...
    逍遥至尊灬寳阅读 1,259评论 0 43
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,082评论 0 1
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,599评论 32 459
  • 1、HTML介绍 1 2、Html和CSS的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户...
    夏沫xx阅读 1,433评论 0 8