1.html基础知识

最新推荐文章于 2024-06-13 10:31:50 发布
最新推荐文章于 2024-06-13 10:31:50 发布
阅读量105 收藏
点赞数
分类专栏： 前端 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45939736/article/details/131169321
版权

1.HTML基本结构

<!DOCTYPE html>
<html>
  <head>
    <title>标题</title>
    <meta http-equiv="Content"  contect="text/html; charse=utf-8"/>
  </head>
  <body>
    内容
  </body>
</html>

2.HTML标签属性

<标签名 属性名1="属性值" 属性名2="属性值" …></标签名>
<body bgcolor="red"></body>

3段落标签

标题标签：<h1></h1>~<h6></h6>

段落标签：<p></p>
段落标签align对齐属性值:
left  right  center   justify(对行进行伸展，这样每行都可以有相等的长度)

换行标签：<br/>

水平线:<hr>=<hr/>   
属性：width   color   align  noshade(设置水平线无阴影)

pre标签：<pre></pre>使用这个标签代码的形式和页面显示一样。

4 文字标签

文字斜体：<i></i>  <em></em>      
加粗：<b></b>  <strong></strong>
字体：<font>内容</font>   属性：size  color   face:字体
上标:<sup></sup>
下标：<sub></sub>                 
下划线：<ins></ins>               
删除线：<del></del>

5 特殊符号

&lt;   : <           
&gt;   : >         
&nbsp; :空格

6无序列表

<ul type="disc">
   <li>内容</li>
   <li>内容</li>
   <li>内容</li>
   ……
</ul>
type属性值    disc:圆点(默认)     square:正方形     circle:空心圆

7 有序列表

<ol>
   <li>内容</li>
   <li>内容</li>
   <li>内容</li>
   ……
</ol>
type属性值   1(默认)   a    A   i(小写罗马)  I（大写罗马）

8 定义列表

<dl>
    <dt>定义列表项</dt>
    <dd>列表项描述</dd>
    <dt>定义列表项</dt>
    <dd>列表项描述</dd>
    <dd>列表项描述</dd>
    ...
</dl>

9 图像标签

<img src=""  alt="" … />
属性：height    width   alt（图像替代文字）   src(显示图像的URL)

10 HTML路径

绝对路径：从盘符开始

相对路径：
图片和文件在同一目录下：<img  src="1.jpg"/>
图片在上一级目录中：<img src=”../1.jpg”/>
图片在下一级目录中：<img src =”文件夹名/1.jpg”/>

11 超链接标签

<a href="">内容</a> 

属性：
href:链接地址，空链接用#表示     
target:链接的目标窗口(_self  _blank)         
title:链接提示文字

定义锚（同一页面）
<a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a name="锚名1">内容</a>
<a name="锚名2">内容</a>

定义锚(不同页面)
网页1：<a  href ="网页名称#锚名">内容</a>
网页2：<a  name="锚名">内容</a>
半世晨晓0719
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
1.web基础知识
weixin_41889503的博客
06-02 8631
【web发展史】web1.0① 个人网站、门户站点，只能浏览不能编辑② 漏洞：SQL注入、上传漏洞、文件包含、挂马、暗链、命令执行    主要针对web服务器web2.0① blog、微博，可以编辑，与其他用户交流② 漏洞：钓鱼、框架漏洞、逻辑漏洞、URL跳转、数据劫持、CSRF、XSS    主要针对web用户【web工作流程】...
Vue.js基础知识点总结
weixin_44763882的博客
10-17 1988
Vue基础总结 邂逅Vuejs 1.认识Vuejs Vue是一个渐进式框架, 什么是渐进式的呢? 声明式渲染→组件系统→客户端路由→集中式状态管理→项目构建 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 Vue有很多特点和Web开发中常见的高级功能 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 2.Vue初体验 <!DOCTYPE html> <html lang="en"> <head> &
HTML基础知识点
qq_40046544的博客
07-27 8356
网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。HTML指的是超文本标记语言（HyperTextMarkupLanguage），它是用来描述网页的一种语言。web标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。绝对路径指目录下的绝对位置，可以直接到达目标位置，通常从盘符开始的路径。例如D从。...
Vue基础知识总结 1：Vue入门
学Java，找哪吒
06-23 8万+
Vue基础教程系列，打造精品专栏。
HTML5基础知识
qq_46485137的博客
02-13 4415
一、初识HTML HTML：Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等 HTML5的优势： 跨平台、 W3C标准 World Wide Web Consortium（万维网联盟） 成立于1994年，Web及时领域最权威和具影响力的国际中立性技术标准机...
前端-HTML基础知识详解
qq_52262831的博客
12-23 4838
目录： 初始常用的HTML标签 资源路径 列表标签 表格标签 表单标签 表单提交
HTML基础知识点大全
m0_69674158的博客
05-04 6786
一、什么是HTML HyperText Markup Language，即超文本标记语言 二、第一个HTML <！doctpye html> <html> <head></head> <body></body> <html> 三、常用的标签🀄️🀄️🀄️ 1⃣️p 标签 ，段落标签，占整行 2⃣️img 图片标签： ①src 图片路径：绝对路径http://xxx.xx/xx/x.jpg 相对路径..
Java基础知识总结（2021版）
热门推荐
学Java，找哪吒
01-09 25万+
前言 大家好，我是素小暖，2012年毕业，2016年通过培训转行java开发，今天2021年1月9日，转行之路跌跌绊绊，蓦然回首，已经满满的4年工作经验了？但感觉知识还是相当的匮乏，没自信，也许是努力程度还不够吧。很感谢CSDN，因为是它给了我学习的动力，之前写了一篇记录CSDN博客访问量的文章，也许大家感觉很幼稚，但真的很有用，很有效果，仿佛磕了药一样，努力学习，进步。 2020年，是我较为成功的一年，工作上，跳了槽，涨了工资；学习上，啃了几本名著（Effective Java、重构 改善既.
HTML基础知识
xuan971130的博客
03-02 2852
一、基础知识： 1.网站：许多网页的集合。 2.HTML：超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言。不是一种变编程语言，而是一种标记语言。 3.浏览器内核（渲染引擎）：负责读取网页内容，整理讯息、计算网页的显示方式并显示页面。 4.Web标准的组成 ...
HTML——基础知识点总结
m0_61016904的博客
10-30 2万+
HTML总结 一.HTML简介 1.HTML HTML(HyperText Markup Language),超文本标记语言，使用各种标记来表示文档的结构以及标识超链接的信息。 2.HTML文档 HTML文档包含了标签及文本内容，并且 html 文档也叫做 web 页面。 二.HTML基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> 菜鸟教程（runoob.com
Html基础知识点.docx
07-23
Html 基础知识点 Html 是一种标记语言，用于创建网页的结构和内容。以下是 Html 基础知识点： 一、Html5 文档类型和字符集 * Html5 文档类型：<!doctype html> * Html5 字符集： 二、Html5 Canvas 元素 * ...
HTML网页设计基础知识学习专题培训课件.ppt
11-20
HTML基础知识 HTML是HyperText Markup Language的缩写，用于描述网页的结构和内容。HTML文件的基础结构由 `<HTML>`、`<HEAD>`、`<BODY>`三个部分组成，其中 `<HTML>` 是文件的开始标记，`<HEAD>` 用于定义文档头部...
2-1python基础知识.html
08-01
数据分析师的入门详解资料
HTML+CSS基础知识点.pdf
06-17
HTML+CSS 基础知识点总结 HTML+CSS 是前端开发的基础技术，掌握 HTML、CSS 和 JavaScript 语言是必不可少的。下面是 HTML+CSS 基础知识点总结： 1. HTML 是网页内容的载体，内容就是网页制作者放在页面上想要让...
CSS基础知识.docx
07-23
CSS 基础知识总结 一、CSS 盒子模型 CSS 盒子模型是指浏览器对 HTML 元素进行渲染和布局的方式。主要有两种盒子模型，即 W3C 盒子模型和 IE 盒子模型。 1. W3C 盒子模型（标准盒子模型）：盒子实际内容（content...
HTML跨年烟花
兔子王
06-04 1万+
学会了这个html烟花秀，跨年就不缺文案喽~
html实现粘贴excel数据，在页面表格中复制
最新发布
weixin_43805439的博客
06-13 487
Html table 实现Excel多格粘贴
HTML--给网站添加已运行时间的统计
IT利刃出鞘的博客
06-13 216
本文介绍怎么给自己网站添加已经运行了多长时间。
【html】如何利用HTML+CSS制作自己的印章
weixin_56334307的博客
06-10 692
大家有没有尝试过用HTML和CSS制作自己的印章.首先印章圆形的边框。
vue.js基础知识
05-28
Vue.js是一种流行的JavaScript框架，用于构建交互式Web界面。以下是Vue.js的一些基础知识： 1. Vue实例：Vue应用程序始于一个Vue实例，它是Vue应用程序的根实例，可以通过new Vue()创建。 2. 模板语法：Vue使用模板语法来将数据绑定到HTML模板中，可以使用{{}}插值表达式和指令来操作DOM元素。 3. 组件：组件是Vue中的一个重要概念，可以将应用程序拆分为可重用和独立的组件。每个组件都有自己的状态和行为，并可以接受父组件传递的属性。 4. 计算属性：计算属性是一种Vue提供的属性，用于根据已有的属性计算出新的属性值。计算属性可以缓存结果，只在相关依赖发生改变时才重新计算。 5. 生命周期钩子函数：Vue提供了一系列生命周期钩子函数，用于在Vue实例的不同阶段执行代码。常用的生命周期函数包括created、mounted、updated和destroyed等。 6. 观察者和观察者监听器：Vue通过观察者模式来实现数据绑定，当数据发生变化时，观察者会通知相关的观察者监听器进行更新。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值