网页制作的基本知识（标签）

Posted 2020-10-15

• ！+tab键自动生成最初文档
• 编辑网页文件是一个标签化文档
• 相对路径./代表当前路径，../代表上一级路径
• ctrl键+/键组合键，是显示和不显示代码的切换键
• 行内元素
• a标签（点击后，会链接到另外一个页面）
• img标签（显示一个图片）
• input标签（显示一个输入框）
• button标签（显示一个按钮，通常为提交或确定之类按钮）
• label标签（一段提示类的文字或信息）
• span标签（原则上与label标签的作用相同，依据个人喜好）
• 块级元素
• div标签（定义一个块级区域）
• p标签（使句子之间分成段落）
• header标签（网页内容部分的页眉内容）
• footer标签（网页内容部分的页脚内容）
• aside标签（相当于注释内容作用）
• article标签（也是相当于注释，但是与前面文章没有必然联系）
• table-tr（表格的行）/td（表格内的单元格）(colspan/rowspan,跨列/跨行)，border(表格外框宽度)，th(标题列)，caption(表格的大标题，在table标签之后写)
• nav标签（导航作用）
• css
• link标签(在head标签里面，主要功能是将CSS文件链接到html文件上，实现显示样式的变化)
• background-color（主要是设置网页的背景颜色）
• 标签选择器（在样式表里控制标签的显示效果）
• 类选择器（为Html文件里的某个标签设置某一个类型，然后在样式表里进行控制，例如Div class=content  .content{background-color:green})