`
xwfsdjk
  • 浏览: 1236 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
最近访客 更多访客>>
社区版块
存档分类
最新评论

HTML小笔记

    博客分类:
  • HTML
阅读更多
<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笔记,HTML5笔记。

    韩顺平 HTML网页 笔记

    【韩顺平 HTML网页 笔记】是一系列由知名IT讲师韩顺平编写的关于HTML网页设计的学习资料。这些笔记涵盖了HTML的基础知识、高级特性以及与CSS和JavaScript的结合应用,旨在帮助学习者掌握网页设计的核心技能。 1. **...

    HTML 笔记.zip

    这个“HTML笔记.zip”文件显然包含了关于HTML的学习资料,可能包括了基础概念、语法、元素、属性、标签等内容,帮助初学者或进阶者巩固和理解HTML的核心知识。 在HTML中,我们通过一系列的标签来构建网页结构。例如...

    学习HTML的笔记.zip

    学习HTML的笔记学习HTML的笔记学习HTML的笔记学习HTML的笔记 学习HTML的笔记学习HTML的笔记学习HTML的笔记学习HTML的笔记 学习HTML的笔记学习HTML的笔记学习HTML的笔记学习HTML的笔记 学习HTML的笔记学习HTML的笔记...

    HTML的学习笔记.zip

    HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记HTML的学习笔记HTML的学习笔记 HTML的学习笔记HTML的学习笔记...

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    HTML学习笔记.md

    HTML学习笔记

    HTML笔记传智讲师视频笔记适合初学者

    "HTML笔记传智讲师视频笔记适合初学者"这个标题暗示了这是一份针对初学者的教程资料,可能包含了从基础到进阶的HTML知识,通过传智讲师的教学方式来讲解。 描述中的"html学习笔记"表明这是关于HTML学习的过程记录,...

    一些html的学习笔记

    通过自学w3cschool上的html知识和上课所学的一些html知识,然后使用markdown汇总,整理的一些笔记

    传智黑马Html超详细笔记

    传智黑马Html超详细笔记,包括传统html和html5中的所有内容,看这个基本不用看书了,知识点什么的都有

    html 5 学习教程笔记.zip

    html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 学习教程笔记html 5 学习教程笔记 html 5 学习教程笔记html 5 ...

    HTML入门学习及笔记.zip

    HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记 HTML入门学习及笔记HTML入门学习及笔记HTML入门学习及笔记...

    html css js 学习笔记.zip

    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 学习...

    云笔记,云笔记app排行榜,HTML

    例如,“hotapp-notepad-master”很可能是一个完整的云笔记小程序项目源码,新手可以通过阅读和修改这个项目来学习如何开发云笔记小程序。而其他以数字命名的png文件可能是小程序的界面设计图,可以帮助理解各个功能...

    HTML+CSS学习笔记.zip

    HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...

    HTML5学习笔记

    HTML5学习的详细教程,能快速帮助你掌握这门技术。

    HTML笔记总结(1).md

    HTML笔记总结(1).md

Global site tag (gtag.js) - Google Analytics