学习的第一天

本文详细介绍了HTML的基础知识,包括文档声明、标题与段落的使用、文件路径引用、跳转链接的创建、锚点定位以及特殊字符的表示。通过学习,你可以掌握创建网页的基本结构,并了解如何在网页中添加链接、实现页面内部跳转以及正确使用各种特殊符号。
摘要由CSDN通过智能技术生成

目录

一.html认识

二.标题与段落

四.引入文件地址路径

五.跳转链接

六.跳转锚点(跳到关键字位置)

七.特殊符号(常见)(解决冲突和代码产生歧义)

八.列表

一.html认识

  •  !+tab键:快捷创建html初始代码
  • <!DOCTYPE html> 文档声明
  • <meta charset='utf-8'> 辅助信息—>元信息
  • <html leng='en'> leng='en' 表示是一个英文网站(中文为CN)
  • <!--注释--!> 注释写法

二.标题与段落

  • 标题------->双标签<h1></h1>···········<h6></h6>

        注:h1标签只能使用一次,h5,h6标签不经常使用

  • 段落------->双标签<p></p>
  • 双标签<strong>:表示强调,会对文本进行加粗
  • 双标签<em>:表示强调,会对文本进行斜体
  • 双标签<sub>、<sup>:下标、上标文本
  • 双标签<del>、<ins>:删除文本、插入文本:显示    300   100
  • 双标签<img>:图片标签,以下为标签属性

src:引入图片地址

alt:当图片出现问题时,显示友好提示文字
title:图片提示信息
width、heigth:图片宽高像素(px)

四.引入文件地址路径

  • 绝对路径:(1)本地路径:从磁盘到文件结束   ex:(C:\Users\1\Desktop\腾讯QQ)

                            (2)网络路径:网络绝对路径指从网站的域名开始,到文件名结束,在使用时

                                                需要加上协议。ex:(https://mp.csdn.net/mp_blog/creation/editor )​​​​​​

  • 相对路径:指以当前文件资源所在的目录为参照基础,链接到目标文件资源(或文件夹)的路径。

                ex:(..\腾讯QQ):表示在当前路径下返回上上一层下的腾讯QQ

五.跳转链接

  • 双标签<a href='跳转路径'>访问提示(可以为<img>)</a>    属性为:
href:链接地址
target:可以改变链接打开方式,默认在当前页面打开_self,新窗口打开_blank
  • 单<base>:改变链接默认行为(一般设置<head>中)

六.跳转锚点(跳到关键字位置)

  • 实现一:#号   id属性
<a href="#html">...</a>

......

<h2 id="html">...</h2>
  • 实现二:#号   name属性
<a href="#html">...</a>

...

<a name="html">...</a>
<h2>...<>/h2>

七.特殊符号(常见)(解决冲突和代码产生歧义)

特殊字符含义代码
          空格符 &nbsp;
©版权&copy;
®注册商标&reg;
<小于号&lt;
>大于号&gt;
&和号&amp;
人民币&yen;
°摄氏度&deg;

八.列表

  • 无序列表:<ul>、<li>列表最外层容器、列表项(ul和li之间必须组合出现,之间不能出现其

                        他标签)

                        写法:<ul><li>........</li></ul>      (<li>标签内可以有其他标签)

                        <ul>标签:type属性(css控制):各种样式:

属性值nonedisccirclesquaredecimallower-alphaupper-alphalower-romanupper-roman
样式不使用项目符号实心圆空心圆实心方块阿拉伯数字 小写英文字母 大写英文字母 小写罗马数字 小写罗马数字 
  • 有序列表(用法和无序一样)

        <ol>、<li>:列表最外层容器、列表项(注:用的少,经常用无序,无序可替代有序)

  • 定义列表

        <dl>:定义列表       <dt>:第一专业术语或名词       <dd>:对名词进行解释和描述


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值