1.html中特殊字符处理
  | 表示一个空格键 |
< | 表示一个< |
> | 表示一个> |
© | 表示一个© |
¥ | 表示¥ |
2.文本样式标记
文本样式标记 | 修改文本在网页中的表现形式 |
---|---|
<i></i> | 斜体显示文本。 |
<u></u> | 下划线 显示文本。 |
<s></s> | 删除线显示文本。 |
<b></b> | 加粗显示文本。 |
<sup></sup> | 上标显示文本。 |
<sub></sub> | 下标显示文本。 |
3.标题标记
1.作用
以不同的文字代销以及加粗方式显示文本。
2.语法
<h#></h#>
#: 1-6
<h1></h1>
:一级标题
<h2></h2>
:二级标题
。。。
<h6></h6>
:六级标题。
4.段落元素
1.作用:
突出显示一段文本,每段文本独占一行,并且每个段落都会具备一小段的垂直空白距离
2.语法
<p></p>
属性: align
取值:left / center /right
5.图像和超链接。
为防止有人看不到,先科普一下什么是文件路径(网上的好评答案,说的很明白)
文件路径是指文件存储的位置。例如:E:\work\市场资料\市场计划.doc就是一个文件路径。它指的是:一个Word文件“市场计划”,存储在e盘下的“work”文件夹内的“市场计划”文件夹内。若要打开这个文件,按照文件路径一级级找到此文件,即可进行相应的操作。
图像
1.标记
<img src="这是复制上文件路径" alt="" width="500">
属性 | 描述 |
---|---|
src | 指要显示的图片的路径 |
width | 宽度,以像素为单位px 单位可以省略 |
height | 高度,以像素为单位px 单位可以省略 |
border | 边框 以像素为单位px |
align | 设置图像的对齐方式 取值:left / center /right |
alt | 规定在图像无法显示时的替代文本 |
3.超链接
1.什么是超链接
用户可以通过点击的操作来完成页面的跳转的行为。
标记
<a href="这里面复制上文件路径"></a>
属性 | 描述 |
---|---|
href | 表示是连接地址 |
target | 指要打开新网页的方式。 |
target="_blank" | 在新的标签页中打开新的网页。 |
target="_self" | 默认值,在自身标签页中打开新的网页 |
1.url(知识点)
统一资源定位器,用于标识网络中的资源的位置,俗称路径
<a href=" URL "></a> 注:href = " URL "
URL的分类:
1.绝对路径:
C:\Users\pc\Desktop\
2.相对路径
从当前文件所在的位置,去开始查找资源文件所经过的路径。
3.根相对路径
从web程序所在的目录出开始查找资源文件。
https://tieba.baidu.com/index.html
4.插入音频
1.什么是音频标签
< audio > 标签(是 HTML 5 的新标签。)
<audio src="/mp3/s8.mp3" controls="controls"></audio>
2.属性
src | 要播放的音频的 URL。 |
autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop | 如果出现该属性,则每当音频结束时重新开始播放。 |
preload | 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 “autoplay”,则忽略该属性。 |
好了本篇文章就先讲到这里了。我需要整理一下思路,将笔记和描述结合的更好一点,这样才方便大家理解吸收。
基础语法系列就到此结束了,相信一路看过来的同学对html已经有了一些了解,接下来我会按功能模块的方式细致的讲解。
最后在这里谢谢大家的浏览。