前端小白的进阶历程————HTML零基础学习第二课

标题:<h>一般有6级,从大到小,例如<h1>就是最大的标题,依次递减
(<h>是一个块元素)
段落:<p>包围着一个文本块,它是一个段落,里面可以有一个或多个句子
元素:开始标记+标记之间的内容+结束标记
CSS样式:background-color:设置背景色
margin-left;margin-right:设置左右外边距分别占页面的百分比
border dotted:定义页面主体周围的边框是虚线 以及边框颜色
padding:在页面主体周围创建一些内边距
font-family:定义文本使用的字体
CSS中的body{…}表示"{“和”}“之间的所有CSS要应用于HTML<body>元素中的内容,是起到一个修饰作用的
创建超链接:使用<a>元素创建一个超文本链接,链接到另一个Web页面
<a>元素的内容会成为Web页面中可以单击的文本,href属性告诉浏览器链接的目标文件
引用格式:<a href=” “>内容</a>
(<a>既可以是一个内联元素,也可以是一个块元素)
属性:可以指定一个元素的附加信息,即可以定制一个元素
例如<style type=“text/css”>,type属性指定我们使用哪一种样式语言,这里就是CSS
属性的写法:属性名=“属性值”
规划路径
向下链接到一个子文件夹——beverages/elixir.html(elixir.html是beverages文件夹里面的文件)
向上链接到一个“父”文件夹——…/lounge.html(…读作“dot dot”)(从包含lounge.html文件的文件夹的子文件夹里面的文件作为源头,目的是去寻找lounge.html文件)
每次要上行到父文件夹时都可以使用”. ."
每次使用". .",就会向上到上一层父文件夹。例如,若想上行两级文件夹,可以输入“. ./. .”
总而言之,“. .”表示“父文件夹”;要用“/”字符分隔路径中的各个部分
引入图片:使用<img>标签引入
<img>标签没有结束标签,它有两个必需的属性:<src>属性(规定显示图像的URL)和<alt>属性(规定图像的替代文本)
具体使用参考https://www.w3school.com.cn/tags/tag_img.asp
(<img>是一个内联元素)
引用
<q>元素用于短引用,作为现有段落的一部分,是一个内联元素(incline)
<blockquote>元素用于较长的引用,需要单独显示,是一个块元素(block)
(块元素显示就好像有一个换行,而内联元素在页面文本流中总在“行”内出现)
换行
换行符<br>是一个没有实际内容的元素,这类元素称之为void元素
(处于块元素和内联元素之间的一个模糊地段)
列表
创建一个HTML列表需要两个元素,第一个元素用来标记每个列表项,第二个元素确定你创建的是哪种类型的列表(有序无序等)
第一步,将每个列表项放在一个<li>元素中——<li>列表项</li>
第二步,用<ol>或<ul>元素包围列表项——<ol>显示有序列表,<ul>显示无序列表
<ol>和<li>(<ul>和<li>)总是要一起使用
<ul>和<ol>元素设计为只能包含<li>元素
(<ul><ol><li>都是块元素)
强调
<em>强调文本,多用斜体显示
<strong>强调文本更加强烈,多用粗体显示
(是一个内联元素)
字符实体
<字符的缩写为&lt; >字符的缩写为&gt;&字符的缩写为&amp;"字符的缩写为&quot;空格的缩写为&nbsp;
显示代码
<pre>:希望浏览器按你输入的方式原样显示文本时,使用这个元素来指定文本的格式
<code>:用来显示计算机程序代码
具体使用查看https://www.w3school.com.cn/tags/tag_pre.asp
时间
<time>:告诉浏览器这个内容是一个日期或时间,或者同时包含日期和时间
具体使用查看https://www.w3school.com.cn/tags/tag_time.asp

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值