黑马程序员-----html学习--基本标签（）

最新推荐文章于 2022-06-21 23:24:28 发布
最新推荐文章于 2022-06-21 23:24:28 发布
阅读量356 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cll1005/article/details/46533779
版权
------ Java培训、Android培训、iOS培训、.Net培训、期待与您交流！ -------



标题：<h1></h1>    # h1---h6
段落：<p></p>
换行：<br/>
水平线：<hr/>
注释：<!--这是注释-->
             
 

文本格式：

字体：<font size='3' color='blue' face='verdana'> </font>

加粗：<b></b> 

倾斜：<em></em> or <i></i>

强调：<strong></strong> #默认是对字加粗

字体变大：<big></big>  字体变小：<small></small>

上标：<sup></sup> 下标：<sub></sub>

预格式文本：<pre></pre>  #保存了中间的空格和换行

文字缩写：<abbr></abbr>  or  <acronym></acronym> #鼠标知道出现，例子

                  <abbr titile="caokun"> CK </abbr>

引用： 长引用：<blockquote></blockquote> 

            短引用：<q></q>

删除字和下划线字：<del></del>   <ins></ins>

外部样式表：关联css文件

内部样式表：#嵌入html里的css代码

名字：class #classname的简称

样式：<style type="text/css"></style>

分区：<div></div>

组合行内元素：<span></span>

链接：<a href="http://www.w3school.com.cn" style="text-decoration:none">
           This is a link</a>
            #text-decoration:none：没有下划线

           锚：#本页链接到相应位置，源地址  1 

                                                       链接2        

          用图像作为链接：<a href="/example/html/lastpage.html">
                                       <img border="0" src="/i/eg_buttonnext.gif" />
                                       </a>

           在新窗口打开：target="_blank"    例如：
                                   <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

 

图片：< img src="C:\Documents and Settings\YukunCao\桌面\1.gif"

              width="300" 

              height="120"

              alt="Big Boat"   />

             替换文本 : 在浏览器无法载入图像时，浏览器将显示这个替代性的文本而不是图像   

表格：  显示格式不好，看链接

文本框：各个类型前后都要加<form></form>

                 用户：<input type="text" name="user">
                 密码：<input type="password" name="password">

                 单选框：

                <input type="radio" name="sex" value="male" /> Male
                <br />
                <input type="radio" name="sex" value="female" /> Female

                 复选框：             

                <input type="checkbox" name="bike" /> 
                I have a bike 
                <br /> 
                <input type="checkbox" name="car" /> 
                I have a car

                  表单输入，获取值：链接底部

框架：

             水平：

                       <frameset rows="25%,50%,25%">

                             <frame src="/example/html/frame_a.html">
                             <frame src="/example/html/frame_b.html">

                       </frameset>

            垂直：

                       <frameset cols="25%,50%,25%">

                             <frame src="/example/html/frame_a.html">
                             <frame src="/example/html/frame_b.html">

                       </frameset>

            其它框架： 链接

            内联框架：iframe

                             <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>

                             <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.</a> </p>

                             <p>注释：由于链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开。</p>

 背景：

            设置颜色：

                 <body bgcolor="#000000">
                 <body bgcolor="rgb(0,0,0)">
                 <body bgcolor="black">
      设置图片：
                 <body background="clouds.gif">
                 <body background="http://www.w3school.com.cn/clouds.gif">

            提示：如果你打算使用背景图片，你需要紧记一下几点：

      • 背景图像是否增加了页面的加载时间。小贴士：图像文件不应超过 10k。
      • 背景图像是否与页面中的其他图象搭配良好。
      • 背景图像是否与页面中的文字颜色搭配良好。
      • 图像在页面中平铺后，看上去还可以吗？
      • 对文字的注意力被背景图像喧宾夺主了吗？
cll1005
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端学习笔记-黑马程序员
01-09
前端学习笔记-黑马程序员 本篇文章主要介绍了 HTML 基础知识，涵盖了标签的基本概念、HTML 基本结构、文档类型声明、字符集、标签语义、标题标签、段落和换行标签、文本格式化标签、图像标签、路径、超链接标签、...
HTML学习总结
m0_74300757的博客
06-26 53
HTML，超文本标记语言，我们用 HTML 来构建 Web 页面即所谓的网页，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。
前端小白笔记-HTML语法
小Tian的博客
07-11 431
首先推荐一个学习前端的好网站w3school,然后再去借一本Java Web开发就可以开始学前端了 HTML基本语法 <html> </html> <head> </head> <title> </title> 标题 <p></p>段落 <br/>换行 <h1></h...
html+css notes (ongoing 20/4/12)
weixin_45743001的博客
03-03 543
HTML+CSS 笔记 注释 <!-- 注释内容 --> 元素 <a>内容</a> 超链接 <a href="https://www.baidu.com" title="baidu">百度</a> 属性的种类 全局属性：title 局部属性: 元素的种类 空元素：没有结束标记 <meta charset="UTF-8">...
html字段验证
weixin_34342992的博客
08-08 158
（1）连接去掉下划线：style="text-decoration:none" <a href="/example/html/lastpage.html" style="text-decoration:none"> 这是一个链接！ </a> （2）文本框输入时提示曾经输入过的内容：autocomplete="on"，不提示则：autocomplete=...
HTML+CSS基础知识
m0_46201565的博客
06-06 3419
HTML+CSS基础文档
前端学习笔记-黑马程序员CSS
最新发布
01-09
前端学习笔记-黑马程序员CSS CSS 是一种标记语言，主要用于美化页面，美化 HTML，让画面更美观。总结来说，HTML 主要做结构，显示元素内容，而 CSS 负责美化，让结构（HTML）与样式（CSS）相分离。 一、CSS 语法...
黑马-前端-品优购项目-静态页面搭建
03-18
在本项目中，“黑马-前端-品优购项目-静态页面搭建”，我们主要关注的是使用HTML和CSS技术来构建一个电商网站的静态首页。这个任务是前端开发的基础，...对于想要深入学习前端开发的程序员来说，这是一个很好的起点。
教材源码_javaweb_黑马程序员Javaweb源码_
09-30
下面将详细介绍JavaWeb的基本概念、核心技术和黑马程序员源码在学习过程中的作用。 1. **JavaWeb基础** JavaWeb是基于Java技术构建Web应用的框架，它包括Servlet、JSP（JavaServer Pages）、JSTL（JavaServer ...
study-css.rar
07-12
在本项目中，"study-css.rar" 是一个包含学习CSS相关知识的压缩包，由B站的黑马程序员pink老师指导创建，旨在帮助用户理解和实践网页界面设计。这个压缩包包括了几个关键文件，分别是 `index.css`、`index.html` 和 ...
HTML5基础知识归纳汇总
08-30
HTML知识点汇总，包括HTML文档结构和基本语法、HTML4元素、HTML4属性、HTML5元素、HTML5属性和HTML5全局属性的知识点。使用XMind打开。
HTML-CSS基础知识
weixin_45855594的博客
06-21 155
HTML-css的基础知识
HTML初学者入门自学笔记（1）
m0_56214509的博客
08-31 216
1. 其标签由尖括号包围，且成对出现，分为开始标签和结束标签如<b>和</b> HTML文档描述网页包括HTML标签和纯文本 最典型案例： <html>#之间的文本描述网页 <body>#之间的文本是可见的页面内容 <h1>我的第一个标题</h1>#之间的文本被显示为标题 <p>我的第一个段落</p>#之间的文本被显示为段落 </body> </html> 通过<h1&gt
HTML基础知识学习
weixin_44517209的博客
06-22 105
一 Html常用标签 1.HTML文件格式 <html> <head> <title>title 元素的内容会显示在浏览器的标题栏中。</title> <meta charset="UTF-8"> </head> <body bgcolor="yellow"> <p>body 元素的内容会显示在浏览器中。</p> <p>p是段落</p> <h1 align="center
HTML与CSS基础知识小记
u012476022的博客
03-19 170
1.行级元素不能设置宽和高，宽度和高度由内容区决定 2.行级块既可以像行级元素一样在一行排列，也可以拥有调整宽度和高度的特性 3.行级块元素拥有行级元素和文本元素的特性，所以换行的时候，换行符会被识别为文本的结束，因此当多个img元素换行时会出现大约6px的间隔，使用手工压缩（去除空格和换行符）即可去除间隔 4.块级元素拥有宽高 5.盒子包含内容区域和内边距及边框 6.浮动，定位和overflow...
html中盒子模型的基本知识点 盒子大小的计算
热门推荐
lanseguhui的博客
05-23 1万+
盒子模型边框的样式有 solid dashed(虚线) dotted(点线) border-style:solid;边框的宽度:border-style:1px;边框颜色:border-color:red;简写属性:线宽 线型 颜色 例如: border:1px solid red;1.所有带有前缀的样式属性名 都有一个简写属性,前缀就是他们的简写属性名 例如 border-colo...
HTML学习笔记（一）--HTML基础
runnerxin的博客
02-24 399
HTML基础<html> <body> <p>hello world!</p> </body> </html>标题（Heading）是通过 <h1> - <h6>等标签进行定义的。 //标题大小 HTML 段落是通过 <p> 标签进行定义的。 HTML 链接是通过 <a> 标签进行定义的。 <a href="http://www.w3school.com.cn" >This is a lin
黑马程序员讲义-C++核心编程pdf
09-07
黑马程序员讲义-C核心编程的PDF是程序员讲义的第三阶段的讲义，它包含了关于C语言的内容。你可以通过引用来获取这个PDF的具体内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span>...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值