HTML 学习小记（二）

最新推荐文章于 2024-07-25 11:26:35 发布

kewen303

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量104

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/kewen1989/article/details/84399135

版权

4 篇文章 0 订阅

订阅专栏

1.HTML格式化有很多，具体用到哪一种的时候翻一下就行

2.HTML的样式
(1)可以在<head> 标签对中进行定义，之后便可以使用例如：

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

这样下面使用的 <h1> 和 <p> 标签中的文字内容，就会带有上面已经定义好的样式.

(2) 另外一种方法是引入一个css样式文件：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

后面也一样可以使用该文件中定义好的样式

(3) 还有一种个别元素需要使用到的样式，可以在该元素的属性中进行定义

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

3.HTML 超链接
通过 <a> 标签实现超链接 href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。

<a href="http://www.baidu.com/">Visit baidu</a>

增加 target="_blank" 属性可以使链接在新窗口中打开
增加 name属性，定义锚名称用#引用锚名称：

<p>
<a href = "#kewen"> kewen </a>
</p>

<h1><a name = "kewen">wo shi kewen </a> </h1>

4.HTML表格
<table>定义表格 <tr> 行 <td>列 <border = "1"> 设置表格边线粗细
&nbsp 表示空格占位符基本上就这些是常用的

5.HTML列表
(1)有序 ul标签

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

结果为：
•Coffee
•Milk

添加属性

<ul type="disc">    可以打出小圆点 • 
<ul type="circle">  可以打出空心圆 ◦
<ul type="square">  可以打出小方块 ■

(2)无序 ol标签

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

结果为：
1.Coffee
2.Milk

添加属性

<ol type="A">  可以依次排序为  ABCD
<ol type="a">  可以依次排序为  abcd
<ol type="i">  可以依次排序为 i ii  iii iv

(3)自定义标签一般用不到

关注

专栏目录