从零开始的毕设--HTML(超文本标记语言)(1)

认识style元素

要增加样式,需要在页面中增加一个新的element这就是,<style>元素。

<style type="text/css">
body{
	background-color:#d2b48c;
	margin-left:20%;
	margin-right:20%;
	border :2px dotted black;
	font-family:sans-serif;
}</style>
  • 元素可以有属性
    通过属性可以提供元素的附加信息。比如说,style元素,其属性允许你准确的指定什么类型的样式。以后还会看到更多属性,你只要记住:

属性能提供元素的一些额外信息

  • 为什么必须指定样式类型“text/css”作为style元素的属性?还有其他类型样式么?
    以前HTML的设计者认为可能会有其他样式,实际上没有。所以事实表明,完全可以只使用style而不带类型属性。
  • 为什么CSS规则前面有一个"body"?
    因为CSS中的"body"表示“{}”中的所有内容都要应用于HTML<body>元素中的内容。

认识HTML中的HT(hypertext)

<a>
使用<a>元素创建一个超文本链接,链接到另一个web页面。
<a>的相对路径:
在这里插入图片描述
如图,lounge.html文件里引用elixir.html的相对路径为:(下行)
href="beverage/elixir.html"
而elixir.html到lounge.html的相对路径为:(上行)
href="../lounge.html"
其中../表示上行一个文件夹,../../表示上行两个文件夹
再如,elixir.html到red.jpg的相对路径为:
href="../images/red.jpg"

了解属性

<style type="text/css">
<a href="irule.html">
<img src="sweetphoto.gif">

如果是<car>元素呢,如果它是存在的一个元素你可能想这样写:

<car> My Red Mini</car>

不过这个car元素提供一个描述性的车名,它没有告诉我们汽车的品牌、型号、是不是敞篷车,以及我们可能想知道的很多其他细节。所以如果car元素的确是一个存在的元素,则,我们可能这样使用它:

<car make="Mini" modle="Cooper">My Red Mini</car>
  1. 我能为html元素造新属性么?
    Web浏览器只认识每个元素的预定义属性,如果你造了新属性,浏览器不会知道如何处理。但现在HTML5已经支持定制数据属性,允许你为新属性构造定制的属性名。

构建模块

1.<q>
q:引用(quote),网页中一般会自动加入引号
2.<blockquote>
块引用,网页中会创建一个单独的文本快。
3.<em> <strong>
表强调
4.<br>
表换行
5.列表<li>
<li>:把每个列表项放在一个li中
<ol>或者<ul>:包围列表项
如果使用<ol>(ordered list)包围列表项:则这些列表将作为有序列表表示:(1/2/3/4)
否则是无序的。
6.<time>
表时间
7.<code>
表插入代码
8.<pre>
希望浏览器按照自己的输入方式原样显示文本

  • 关于块元素和内联元素:
    q就是内联元素,blockquote就是块元素。
    要记住:块元素特立独行,内联元素随波逐流
  • 无内容的元素(void元素)
    <br>元素是一个没有内容的元素。
    除了br,还有img等等元素。
    在这里插入图片描述
  • 列表中能否嵌入列表?
    可以。
  • 除了上述两种列表,还有其他列表么?
    事实上,还有定义列表:
<dl>
	<dt>Burma Shave Signs</dt>
	<dd>Road signs common....</dd>
	<dt>...</dt>
	<dd>...</dd>
</dl>
  • 元素的嵌套关系是什么?

在这里插入图片描述

  • 特殊字符怎么输入?
    如果你要在网页上输入<html>是特殊字符这一段话,那么你要输入的是&lt;html&gt;是特殊字符
    可以在字符实体清单(www.w3schools.com/charts)
    里找到每个字符的表示方法。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值