HTML复习笔记

基本结构

<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
  <h1>我的第一个标题</h1>
  <p>我的第一个段落<p>
</body>
</html>

<html> 元素是HTML页面的根元素
<head>元素包含了文档得元(meta)数据,如<meta charset="utf-8">定义了网页编码格式为utf-8.
<title>元素描述了文档得标题
<body>元素包含了可见得页面内容
<h1>元素定义了一个大标题
<p>元素定义了一个段落

接下来是常见得所有标签和介绍

<h1> 标题

<p> 段落

<link> 定义了文档与外部资源之间的关系
<link rel="stylesheet" type="text/css" href="mystyle.css">

<b> 粗体 </b>

<i> 斜体文本 </i>

<a href="">链接</a>

<img src=" " width="258" height="39" alt="图片正在加载"> 图片
img 里 Alt 属性是用来为图像定义一串预备可替换的文本

<br> 换行

<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你也可以直接添加样式来渲染 HTML 文档:
<style type="text/css"> 
body{background-color:yellow}
p{color:blue}
</style>

<center>居中对齐</center>

表格 每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)  <th> 用来定义表头 
<table border="1">
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

无序列表 使用粗点圆点进行比较
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

有序列表  使用数字来标记
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

<div> 定义了文档的区域

<input>表单
<input type="text"> 文本域
<input type="passsword">密码字段
<input type="radio> 单选框
<input type="checkbox"> 复选框
<input type="submit"> 提交按钮

iframe通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
<iframe src="URL" ></iframe>

颜色 rgb(红,绿,蓝)

<script> 标签 
<script>
document.write("Hello World!");
</script>

不间断空格&nbsp


猜你喜欢

转载自blog.csdn.net/qq_40574571/article/details/81013589