html以及css基础知识

疋瓞

已于 2024-01-17 14:24:04 修改

阅读量275

点赞数

分类专栏： web前端文章标签： html css 前端

于 2022-11-28 11:18:09 首次发布

本文链接：https://blog.csdn.net/sz1125218970/article/details/128076368

版权

web前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

0、前言：了解前端的基本知识

html：超文本标记语言，是用来写网页结构的
css：是用来写网页样式的
js：是用来写网页逻辑的，它是前端非常重要的编程语言1
Ajax：网络异步请求，是基于js的
jQuery：是js语言的一个库
Bootstrap：是一个css样式的库
Echarts：是百度和另一个公开开发的绘图工具

1、准备知识

概念：html和css是做网站的编程语言
解释：浏览器通过解析html和css生成网站
VS code：代码编辑器【特点：开源免费】
- 快捷键：csdn文章，可以在vscode中下载一个eclipse插件，这样就能用eclipse习惯的快捷键了。
  - ctrl + z：撤销（ctrl + y与之相反）
  - shift + end：选中一行
  - shift + alt + ↓：快速复制一行
  - alt + ↑（↓）：可移动一行
  - 写完一个html的标签之后按tab键就会自动补充
  - ctrl + /：注释（删除注释）【会把后面内容放到注释中】
  - shift + alt +a：注释（删除注释）【会创建新的注释】
- 功能：
  - 自动折行：首选项——设置——搜索word——word wrap（on）
  - 多光标：按alt点同一修改位置
  - ctrl + D：选同样元素的下一个
  - 搜索功能：可以在选中的文件夹当中搜索指定语句，功能强大！
chrome浏览器（市场常见浏览器有五大类）
- 通过F12进入到chrome浏览器开发工具当中
- 右键查看网页源码
网站开发：
- UI设计师：网站页面设计稿
- web前端开发工程师：设计稿转代码、将数据库里的数据显示到页面【html+css】
  - html：结构
  - css：样式
  - JavaScript：用户交互行为
- web后端开发工程师：后端数据

2、html基础结构与属性

概念：超文本（文本内容+非文本内容如图片视频等）标记（单标签、双标签）语言（是网页制作必备的编程语言）。
注意：标签可以上下排列，也可以嵌套组合
常用HTML5标签含义元素周期表：链接
标签属性：来修饰标签【一般很多属性也可以通过css替代】
html初始代码：

<!DOCTYPE html>	<!--文档声明：告诉浏览器这是一个html文件-->
<html lang="en">	<!--html文件最外层标签 lang属性是语言-->
<head>		<!--头标签：包括网页标签和网址-->
    <meta charset="UTF-8">		<!--元信息-->
    <title>Document</title>		<!--写网页标签的主题-->
</head>
<body>		<!--网页内容标签-->
    
</body>
</html>

3、html语义化：所谓HTML语义化指的是，根据网页中内容的结构，选择适合的HTML标签进行编写。

在没有CSS的情况下，页面也能呈现出很好的内容结构。
有利于SEO，让搜索引擎爬虫更好的理解网页。
方便其他设备解析（如屏幕阅读器、盲人阅读器等）。
便于团队开发与维护。

标题与段落：
- 标题（h1~h6）
  - 双标签
  - 只能有一个h1，其余的可以随意
  - 一般而言h5和h6不常用
- 段落：p标签
  - 双标签

练习

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>information_test</title>
</head>
<body>
    <h1>王宝强简介</h1>
    <h2>基本信息</h2>
    <p>王宝强，1982年4月29日出生于河北省邢台市南和区 [1]  ，中国内地男演员、导演。
        王宝强6岁开始练习武术，8岁在嵩山少林寺做俗家弟子。2003年，凭借剧情片《盲井》获得第40届台湾电影金马奖最佳新演员奖 [2-3]  。2004年，因参演冯小刚执导的剧情片《天下无贼》而获得关注。
        2008年，凭借《士兵突击》中许三多一角获得第24届中国电视金鹰奖最具人气男演员奖以及观众喜爱的电视剧男演员奖 [4-5]  ；同年，因出演《我的兄弟叫顺溜》中顺溜一角而受到广泛关注 [6]  。2010年，出演战争剧《为了新中国前进》 [7]  。
        2011年，凭借喜剧片《Hello!树先生》获得俄罗斯、美国纽约、意大利电影节最佳男主角奖及亚太电影奖。2012年，与徐峥继《人在囧途》再度合作的《人再囧途之泰囧》刷新华语电影票房纪录。2014年，相继主演了科幻片《冰封：重生之门》、动作片《一个人的武林》 [8]  。2015年，主演了陈凯歌执导的奇幻片《道士下山》；12月，主演喜剧片《唐人街探案》 [9-10]  。2016年，执导了个人电影处女作《大闹天竺》 [11]  。2018年，主演的《唐人街探案2》上映 [12]  。
        2016年8月14日凌晨，王宝强在微博发离婚声明，与妻子解除婚姻关系。 [13-14]   15日，王宝强本人在律师陪同下来到北京朝阳法院，起诉其妻马蓉要求离婚。 [15]  王宝强律师张起淮表示：马蓉方未提供实质性证据。 [16]  2018年2月11日，王宝强诉马蓉离婚案，一审判决解除双方婚姻关系，婚生子由王宝强抚养，婚生女由马蓉抚养；马蓉名誉权案法院认定王宝强不构成名誉侵权，一审判决驳回了马蓉的诉讼请求。 [17] </p>
    <h2>早年经历</h2>
    <p>王宝强，1982年4月29日出生在河北省邢台市南和区的一个贫寒的家庭里， [1]  在童年时期不被别人关注，在母亲的记忆中，王宝强的衣服都是他哥哥姐姐穿剩下的。王宝强因为看了李连杰的《少林寺》，才萌发了想要演电影的想法。 [19] 
        6岁开始习武，8岁至14岁在河南嵩山少林寺做俗家弟子， [20]  在少林寺里，入门最初3年是基本功练习。冬季在凌晨5时起床跑步，夏季则提早至4时。周一和周二是素质训练，从少林寺跑到登封市区，再返回来，几乎相当于一个半程马拉松。早上做完基本训练，下午还得学习文化课，晚上再将当天的训练内容复习一次。在少林寺的6年中，王宝强只在过年的时候回过家。</p>
    <h2>演艺经历</h2>
    <p>20岁时，王宝强来到北京闯天下，在各个剧组当武行做群众演员。 [19]  2003年，王宝强被导演李杨挑中，主演独立电影《盲井》， [22]  这部电影改变了王宝强在演艺圈的生涯，让他从一个武行获得金马奖最佳新人、法国第五届杜威尔电影节“最佳男主演奖”、第四十届台湾电影金马奖“最佳新人奖”以及第二届曼谷国际电影节“最佳男演员奖”。 [23] 
        2004年参演冯小刚贺岁剧《天下无贼》，因其朴实的个性和独特的幸运而获得关注。 [24]  2006年主演30集电视连续剧《士兵突击》，成功地塑造了许三多这个角色，其自然的表演才能在这部剧集中得到展现， [25]  并凭借电视剧《士兵突击》主人公许三多形象登上百度LOGO。</p>
</body>
</html>