关于html的基础知识总结(1)

关于html的基础知识总结(1)

首先任何html语法都是以

<!DOCTYPE html>开头的

下面我们就来交接一下html的主题构成

<head><!--提供有关文档内容的标注信息-->
<head><!--提供有关文档内容的标注信息-->
    <meta charset="UTF-8"><!--用来给浏览器进行多次功能访问的   编码方式桐城市utf-8-->
    <title>许洪卓第一天</title><!--顾名思义是标题-->
</head>

然后是html的主体部分body

<body><!--真正面向用户的显示,主要内容都在这里-->

基本上你网页上面向用户的内容都在这里写

然后我们来介绍一下html的一些元素,就像元素周期表一样,html有许多元素来丰富我们的内容

。。。

卓哥学习html
    1:超链接:<a href="Demo3.html" >超链接1</a><!--单独放一个<a></a>没什么太大区别,必须添加属性href才是能作为超链接-->
            <a href="Demo3.html" target="_blank">超链接2</a><!--添加blank之后页面跳转会再生成一个,而不是在当前页面改变-->
            <a href="Demo3.html" target="_self">超链接3</a><!--默认是self-->
    2:粗体:<b> 许洪卓 </b><!--粗体-->
    3:斜体:<em>许洪卓</em><!--斜体效果-->
    4:下划线:<u>许洪卓</u><!--过时了比建议使用-->
    5:中间线:<s>许洪卓</s>

介绍完几个基础的元素后,我来介绍一下“表格”

<table border="1px" align="center"><!--这是一个表格  border="1px" 表格属性加上边框 不建议使用  align="center" 居中-->

注意上述注释中的内容,table来构建一个表格,通过改变其中的属性来对表格进行修改。

	<thead><!--表头--></thead>
 	<tbody><!-- 表身--></tbody>
   	<tfoot><!--表脚--></tfoot>

其中通过添加“td”和“tr”来声明表中的元素

 <tr><!--一行中的单元格-->
        <td><!--一行中的单元格的每个内容-->
            许洪卓

        </td>
        <td>
            剩下的详情请看<a href="Demo3.html">Demo3</a>
        </td>
    </tr>

而作为第一行表格我们还可以这么写

 <tr><!--一行中的单元格-->
        <th><!--一行中的单元格的每个内容进行加粗-->
            许洪卓

        </th>
        <th>
            剩下的详情请看<a href="Demo3.html">Demo3</a>
        </th>
    </tr>

上述代码 表格中的内容会加粗

然后简单说一下列表元素

列表元素最关键的几个点就是 (ol : 有序列表 ul :无序列表 li :表示列表中的项)

<ol >
    <li>朝辞白帝彩云间</li>
    <li>千里江陵一日还</li>
    <li>两岸猿声啼不住</li>
    <li>轻舟已过万重山</li>
</ol>

上述是升序排列,还可以降序

<ol reversed><!--降序-->
    <li>朝辞白帝彩云间</li>
    <li>千里江陵一日还</li>
    <li>两岸猿声啼不住</li>
    <li>轻舟已过万重山</li>
</ol>

通过改变type属性可以有更多样式供您挑选

<ol type="a">
    <li>朝辞白帝彩云间</li>
    <li>千里江陵一日还</li>
    <li>两岸猿声啼不住</li>
    <li>轻舟已过万重山</li>
</ol>

type有 “a”,“A”,“i”,“I”等样式

而ul则是无序标签

<ul><!--无需标签-->
    <li>我爱你中国</li>
    <li>我爱你中国</li>
    <li>我爱你中国</li>
    <li>我爱你中国</li>
    <li>我爱你中国</li>

</ul>

html还有特别重要的表单元素,等我下次心血来潮了再写,不过我可以附上代码连接
点击即可获得代码

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值