<a href=“1.html#hello”> 文字或者图片 </a> 定义超链接 <a id=>定义目的地标志名
相对路径 <img src="../../img/jh.jpg"> 上溯和下溯
<html>
<head>
<title>浏览器标题
<meta>说明内容的类型
<style> 样式
body{}
p{}
h1{}
h2{}
<body>
<h1> 标题1
<p> 段落
<h2>
<p> <q>是精练简单的引用 <blockquote>是块引用自动新建段落 缩进 <em>强调 <br> 换行
一 <li> 显示列表元素 二<ol>或者<ul> 封装列表元素 <ol>有序的 <ul>无序的
相对路径链接到网站的其它页面 URL链接到其它网站。
协议 HTTP超文本传输协议80端口 FTP文件传输协议 File DNS域名系统 53端口 pop3 邮局协议3
链接到一个页面的指定位置M <a id="M"> M JDJE IIJEJ</a> <a href=".....html#M">
使用target对象打开浏览器新的窗口 target 属性的值就是浏览器的窗口 指定其值为-blank
jpeg 照片和复杂图像 有损格式 压缩后部分图像丢失 不支持透明 照片复杂图像
纯色图像logo几何图形 gif 格式 无损格式压缩不会丢失 支持透明 logo简单文本图像
<a id href title > alt 打开图像失败时提示的文字 title鼠标放在链接上有提示
<!DOCTYPE ......................>说明文件类型 是否是标准版
<meta http-equiv="Content-Type" context="text/html";character=ISO-8859-1>
meta 说明内容的类型
XML是可扩展的标记语言 XHTML是HTML的扩展版本
HTML-----XHTML
DOCTYPE改为严格的XHTML html元素增加属性xmlns属性,lang属性和xml:lang属性到<>html开始标记
<br/> border边框 1px宽度为1个像素 solid实线
设置下划线的外观 border-bottom:1px solid black 黑实现
font-family 字体类型 color 颜色
外部样式表的引用 <link type=“text/css” rel="stylesheet" href="a.css"/> rel是要连接的关系 样式表
创建css样式表 h1,h2{}
p{}
css 添加注释 /*.................*/ 覆盖某个段落p <p class="m"> 样式表css中写 p.m
class 属性把元素加到一个类中。。。。
字体相关知识
font-family 定义字体 font-size 定义字体大小 color 文本颜色 font-weight字体粗细 text-decoration属性给文本添加更多样式 下划线闪烁。。。
字体系列serif 报纸印刷 sans-serif 电脑上字体 monospace显示软件代码示例打印机
background-color :silver or red or rgb(20%,30%,70%) rgb(203,192,2) 0-255 or #cc6600
给元素设置属性id <p id="footer"> ....</p> 设置样式 #footer{} 或者p#footer{}
div 里面有h2, p 标记一个部分 包括标题和段落 有id属性
表格知识 在css中指定样式 table td th
<table summary=""> 表格摘要不会被显示
<caption> .................</caption> 表格的标题 caption-side:bottom 标题在表格下部
<tr> 表示一行
<th>......</th> 表示一列的顶部
<th>......</th>
.........
..........
</tr> 表示一行结束
<tr>
<td>.......</td> 表示一列
<td>.......</td>
<td>.......</td>
<td>.......</td>
</tr>
<form action="" method="post">.....</form> 表单
<input type="text" name="" value=""/></br> 文本空间
<input type="submit"/> 提交按钮
输入单选框
<input type="radio" name="hotornot" value="1">
<input type="radio" name="hotornot" value="2">
输入复选框
<input type="checkbox" name="hspice" value="1">
<input type="checkbox" name="hspice" value="2">
<input type="checkbox" name="hspice" value="3">
文本区
<textarea name="comments" rows="10" cols="49"></textarea>
选择列表
<select name="s">
<option value="1">1</option>
.....................
.................
</select>
分享到:
相关推荐
详细的HTML5笔记,HTML5笔记,HTML5笔记,HTML5笔记。
HTML学习笔记.pptHTML学习笔记.pptHTML学习笔记.pptHTML学习笔记.pptHTML学习笔记.ppt
韩顺平 HTML网页 笔记
学习HTML的笔记学习HTML的笔记学习HTML的笔记学习HTML的笔记 学习HTML的笔记学习HTML的笔记学习HTML的笔记学习HTML的笔记 学习HTML的笔记学习HTML的笔记学习HTML的笔记学习HTML的笔记 学习HTML的笔记学习HTML的笔记...
HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记HTML 基础知识笔记
HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记...
HTML学习笔记
html笔记html笔记html笔记html笔记html笔记html笔记html笔记html笔记html笔记html笔记html笔记
html常用标签学习笔记 html常用标签学习笔记 html常用标签学习笔记
个人html学习笔记 精华版 个人html学习笔记 精华版
html和css笔记 基础内容 自己做的比较
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
通过自学w3cschool上的html知识和上课所学的一些html知识,然后使用markdown汇总,整理的一些笔记
韩顺平最新最全php笔记 需要
传智黑马Html超详细笔记,包括传统html和html5中的所有内容,看这个基本不用看书了,知识点什么的都有
html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 ...
HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记...
html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...
HTML5高级程序设计学习笔记,僅供參考。