HTML学习笔记

来源：互联网发布：php网站流量统计系统编辑：程序博客网时间：2024/06/05 06:05

android学习的差不多了

现在开始学习HTML

Hyper Text Markup Language Hyper是连接的意思
HTML 开发需要的电脑配置很低。
HTML 是标记语言不是编程语言它和和c、java等是不一样的概念，他是通过标签来描述文字的样式。
开发功工具： chrome（google浏览器）、 sublime text（免费的开发软件）、IDEA（收费的开发软件30天免费）
<!DOCTYPE html> 用来描述html的版本，它不是成对出现的，其他标签都是成对出现的。
html、head、body
HTML 标签
基础标签：html、head、body
头标签： title meta
标题标签：h1 ... h6
段落标签：p
超链接标签 a
图片标签 img
换行标签 <br/>

标签属性
<h1>:align对其方式
<body>:bgcolor背景颜色 background 背景图片
<a>:target规定在何处打开链接
<a>标签有name , href ,target= "_self" 或者"blank" "top" (在当前页面打开链接或者在新页面打开链接)

通用标签
class:规定元素的类名
id:规定元素唯一ID
style:规定元素的样式
title：规定元素的额外信息

<b> 加粗
<big> 大号
<small> 小号
<strong> 加重
<em> 着重
<i> 斜体
<sub> 下标
<sup> 上标
<ins> 插入（带下划线）
<del> 删除（将文字画横线）

HTML样式
1、标签：
<style>:样式定义
<link rel ="stylesheet" type ="text/css" href ="xxxxxx">:资源引用
2、rel ="stylesheet":外部样式表
type="text/css":引入文档的类型
margin-left:边距

三种样式表插入方法

外部样式表:
<link rel ="stylesheet" type ="text/css" href ="mystyle.css"/>

内部样式表:
<style type ="text/css">
body {background-color:red}
p{margin-left:20px}
</style>

内联样式表:
<p style ="color:red size:12" >你好</>

连接
文本链接、图片链接
属性
href :指向另一个文档的连接
name :创建文档内的连接

img标签属性
alt 替换文本属性（当图片显示不出来的时候要显示的文字）
width height 宽高属性

<div> 块标签
<table> 表格标签 <tr>行标签 <tb>列标签
<ul> <li> 无序列标签
<ol> <li> 有序标签 A a l i start
<span> 可以作为文本的容器它本身没有任何样式

表格
<table>
<caption> 表格标题
<th> 表格的表头
<tr> 表格的行
<td> 表格的单元
<col> 表格的列属性
<thead> 表格的页眉
<tbody> 表格的主体
<tfoot> 表格的页脚

布局
可以使用<div> 和<table>

表单
<form action ="http://www.xxxx.com" method ="post"> 表单 action 属性表单提交的服务器地址 method 属性设置 post 和get 方法
<input> 输入域 type 的属性值有 text radio checkbox password button
<textarea> 文本域 rows 行数属性 cols 列数属性
<label> 控制标签
<fieldset> 定义域
<legend> 域的标题
<select> 选择列表
<option> 选择组
<button> 按键

框架
内联框架
<iframe src ="xxxxxx"> 就是将其他的页面引入到当前页面

背景
background 用于设置背景图片
bgcolor 设置背景颜色

实体
是指要显示 html中的关键字如：<>
<用< >用>

1 0