Web基础 第一节 HTML标签基础知识(新手总结归纳)

发布于:2022-12-20 ⋅ 阅读:(424) ⋅ 点赞:(0)

注意:

文档注释 html5 的表示方式

<!--文字--> 支持单行和多行注释

Html5 必须使用小写

字符实体需借助字符名称或数字代码输出

如:< 小于号   &lt;   &#60;

<head>首部标签里面包含

<title>标签 用于显示网页标题

<base>标签 为网页设置默认URL地址或 目标target

<meta>元数据标签 机器可读,不显示在页面上

<style>样式标签 定义文档中指定区域的风格样式

<link>链接标签 用于链接外部资源 (只出现在<head>标签内)

<script> 脚本标签 使用脚本内容

<body>标签里面包含

基础标签

<p> 段落标签</p>

<h1>标题标签</h1>

<hr>水平线标签<hr>

<br>换行标签</br>

文本格式标签

<i>斜体字</i>

<b>粗体字</b> or <strong>区别是strong内被认为是重要内容</strong>

上标标签   X<sup>5</sup>         下标标签 SO <sub>2 </sub>

 

修订标签

<del>添加删除线</del> 

<ins>添加下划线</ins>

由于<ins>下划线效果容易与链接弄混,所以使用<del>配合使用

(html4.01使用<strike>和<u>)

预格式化标签

<pre>保留文本原格式效果</pre>

列表标签(常用)

<ol>定义带有编号的有序列表</ol>

<ol><li>缩进显示效果</li></ol>

<ol type= "类型值"> </ol>

<ul>定义不带编号的无序列表</ul>

栗:<ul type="square"> 定义带方形编号标志 </ul>

<dl>用于进行特殊词条定义的特殊列表</dl>

图像标签(常用)

<img src= “图像文件URL”/>

超链接

<a href = “URL地址”>链接文本或图片</a>

栗子:

 图片示意

<a href = “www.cc.com”> <img src= “ccc.png”> </a>

内部链接

<a href = “#指定区域名“> 链接文本或图像</a>

<a name =“区域名”>目标内容</a>

表格标签(常用)

<table>定义一个完整的表格</table>

<tr>行标签</tr>

<td>一个单元格,默认左对齐</td>

<th>表头标签</th>

<caption>表格标题标签,默认居中对齐并显示在表格顶部</caption>

框架标签

<iframe src = ”news.html“>用于在网页框架定义子窗口,

src用于指定框架内部的网页来源</iframe>

容器标签(常用)

<div>将页面分割成不同部分(该标签是一个块级元素,会在前后自动放置换行符)</div>

栗子:

<body>

<div style = “color:blue; bg:yellow”>

内容

</div>

</body>

<span>作为文本容器,与CSS同时使用(内联元素与块级元素相反)</span>

HTML5新增

文档结构标签

<header>页眉标签 通常为网站名称</header>

<nav>导航标签定义导航菜单</nav>

<section>节标签 专题区域</section>

<article>文章标题 可以包含多个<p></article>

<aside> 侧栏标签 定义正文两侧的内容</aside>

<footer>页脚标签 通常为署名之类的</footer>

格式标签

<mark>记号标签  类似高光标记</mark>

<progress>进度标签,类似进度条 属性 当前值value  最大值max</progress>

<meter>度量标签,通常用于显示磁盘使用量等</meter>

 

版本转换:

html4.01转化为html5

1.化简doctype声明方式

2.化简charset字符集描述方式

3.若存在外部css文件或js文件的引用,可以直接省略其中的type描述


网站公告

今日签到

点亮在社区的每一天
去签到